Can I do this with the map?

9 posts, 0 answers
  1. Warren
    Warren avatar
    61 posts
    Member since:
    Aug 2013

    Posted 25 Oct 2013 Link to this post

    Hi everyone,

    I need to do the following with a map in Icenium and need to know if it is capable from an existing plugin or if available now.

    1. Customize the colors on the map
    2. Use custom markers
    3. When a marker is tapped show my own popup by code and know which marker was tapped. I need to do more with it depending if a button is clicked in the popup I plan to show.

    I thought of using the Google map in a browser control in the app but I need to know when a marker is tapped and which one to do stuff in the app such as my own custom popup over the map. This might be done with javascript but have not looked yet.

    Any feedback would be appreciated!

    Thanks,
    Warren


  2. Ivan Ivanov
    Admin
    Ivan Ivanov avatar
    42 posts

    Posted 29 Oct 2013 Link to this post

    Hello Warren,

    Could you please check out the Google Maps Places demo which may meet your criteria.

    We hope that the above information will be helpful.

    Regards,
    Ivan Ivanov
    Telerik
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
  3. Welles
    Welles avatar
    2 posts
    Member since:
    Nov 2013

    Posted 18 Nov 2013 Link to this post

    Hi all,

    I have similar questions and wonders if there is any example code for modifying the map (such as placing multiple markers and use custom markers).  Many thanks!!

    Regards,
    Welles
  4. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 19 Nov 2013 Link to this post

    Hi Welles,

    There is nothing specific in using Google Maps inside an Icenium app, so your questions are pretty general and you can have more feedback posting them in a general community forum such as stack over flow. Examples are available in the Google Maps API . Anyway, both of your requirements can be achieved using the Google Maps API e.g:

    //placing a marker on a position
    var marker = new google.maps.Marker({
            position: latlng,
            map: map
        });

    //attach to the click event of a marker and do something
    google.maps.event.addListener(marker, 'click', function () {
        //do smth e.g.  display marker info in google.maps.InfoWindow();
    });

    Regards,
    Steve
    Telerik
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
  5. Welles
    Welles avatar
    2 posts
    Member since:
    Nov 2013

    Posted 19 Nov 2013 Link to this post

    Hi Steve,

    Thanks for your fast response! Yes, I figured it out after playing around with the Icenium sample Kendo UI project for a few hours. Sorry, I am new to Google Maps API.

    Just a suggestion, for beginner like me, it would be very helpful if the sample project already have multiple markers example added. Anyway, great framework and great team!

    Regards,
    Welles
  6. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 19 Nov 2013 Link to this post

    Hi Welles,

    Truth be told, most users find the current Kendo UI template too complex and hard to understand as it is. That is why we plan to simplify the template for a subsequent version and would probably move the existing one as part of our samples where we show the MVVM approach and could probably extend on the Google Maps functionality as you suggest, although highlighting features of external frameworks is not really our goal.

    Thanks for the feedback!

    Regards,
    Steve
    Telerik
    You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
  7. Eric
    Eric avatar
    2 posts
    Member since:
    Feb 2016

    Posted 08 Feb in reply to Warren Link to this post

    Im interested to converting a custom google map to work offline.
  8. Kaloyan
    Admin
    Kaloyan avatar
    872 posts

    Posted 11 Feb Link to this post

    Hi Eric,

    I am not sure this is 100% possible, but I found several links that might help you out. Here they are:
     - http://stackoverflow.com/questions/24907438/map-tiles-to-display-google-maps-offline-in-cordova
     - http://stackoverflow.com/questions/6294782/using-google-maps-v3-offline-e-g-with-cache-manifest

    Further, you can also try to incorporate OSM (OpenStreetMap) in your project as discussed here.

    I hope this helps.

    Regards,
    Kaloyan
    Telerik
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
  9. Eric
    Eric avatar
    2 posts
    Member since:
    Feb 2016

    Posted 11 Feb Link to this post

    Thank You Very Much For The Links. We were currently researching how to incorporate OSM or Cordova into our map.
    Thank You Again.
    Bocas Map
Back to Top