Can I do this with the map?

[Warren]

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

[Ivan Ivanov]

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.

[Welles]

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

[Steve]

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.

[Welles]

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

[Steve]

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.

[Eric]

Im interested to converting a custom google map to work offline.

[Kaloyan]

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

 

 

[Eric]

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