Javascript Google Maps Re-placing Static Image Demo

Thread is closed for posting
3 posts, 0 answers
  1. Terran
    Terran avatar
    7 posts
    Member since:
    Oct 2012

    Posted 01 Nov 2012 Link to this post

    Hi - new user here and I have to say I'm impressed in a big way so far.... 

    I've started looking at how I can use Icenium and the first thing I wanted to play with was the geolocation function as its at the hart of a lot of things I do. Using the initial Kendo UI example I have started replacing the static map example with the Javascript map from Good how ever I have run in to a snag - it doesnt seem to want to display. I've used the following example in a HTML5 app else where so I know this works so I thought I'd ask on here seeing as this is all beta at the moment.

    Note I have tested in the sim and on an actual device.

     First I change <div id="map_canvas" style="width:300px; height:300px;"></div> as I have seen issues other wise and then I inserted the following code which is called when the app starts.  

    // Google Map initial Setup
          function initializeGooglemap() {
            var mapOptions = {
            center: new google.maps.LatLng(52.5960, - 1.9110),
            minZoom: 6,
            maxZoom: 16,
            zoom: 9,
            mapTypeId: google.maps.MapTypeId.ROADMAPP
            map = new google.maps.Map(document.getElementById('map_canvas'),

     For refrence the example that Google use and I have based this code on (  as I was keeping it simple ) is



  2. Stefan Dobrev
    Stefan Dobrev avatar
    790 posts

    Posted 02 Nov 2012 Link to this post

    Hello Terran,

    Thanks for your kind words. They are much appreciated by our whole team. 

    Regarding the map, have you checked our Coffee App example? It illustrates how to use the Google's JavaScript map as well as some more Kendo Mobile widgets.

    All the best,
    Stefan Dobrev
    the Telerik team

    Share feedback and vote for features on our Feedback Portal.
    Want some Kendo UI online training - head over to Pluralsight.
  3. Terran
    Terran avatar
    7 posts
    Member since:
    Oct 2012

    Posted 02 Nov 2012 Link to this post

    Thanks - I cant see much difference to what I have done having had a quick look on my mobile at the code but that is an excellent example of some additional functionality I want to add :)

    I'll have a good look at it.


Back to Top