This is a migrated thread and some comments may be shown as answers.

Using Google Maps in KendoUI application

5 Answers 516 Views
Application
This is a migrated thread and some comments may be shown as answers.
Bala
Top achievements
Rank 1
Bala asked on 08 Jun 2012, 04:13 AM
Hi,
Thanks for the example http://www.kendoui.com/code-library/mobile/application/using-google-maps-in-kendoui-application.aspx#0 
.
I have used the sample in my application, works fine in chrome while checking on my desktop but nothing loads on firefox, I am using firefox 12.

Can't see any errors with JavaScript, I have checked with fire-bug.
Also when my colleague tried in his mac book iPhone simulator, it did not load the map.

Any suggestions? 

Regards,
Bala.

5 Answers, 1 is accepted

Sort by
0
Adam
Top achievements
Rank 1
answered on 31 Jan 2013, 04:24 AM
Bump

I can also confirm that this isn't working with FireFox browser (Now FireFox 18). I also can get it to work in Chrome (unfortunately my own project won't work in Chrome).
0
Alexander Valchev
Telerik team
answered on 04 Feb 2013, 02:35 PM
Hello guys,

KendoUI Mobile supports WebKit based desktop browsers such as Google Chrome. Mozilla Firefox is not a supported browser. Please use Google Chrome for development.

Kind regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Norman
Top achievements
Rank 2
answered on 09 Jun 2013, 01:12 AM
How can I have a tab bar with 2 tabs, one opening one map and the other tab opening another set of map with another location? It seems that it won't show the second tab (screen) I select after touching one before.

Please help.
0
Norman
Top achievements
Rank 2
answered on 12 Jun 2013, 10:52 AM
Hi Alexander:

Here I am including the files that I am referring too.  I'm not using a tab bar but I suppose the issue doesn't have to do with how you access 2 separate map screens. When I access the first one I have no problems. When I access the second one it doesn't show up.  Take a look.
0
Alexander Valchev
Telerik team
answered on 12 Jun 2013, 04:13 PM
Hello Norman,

Thank you providing a sample project.
I have noticed the following issues which are likely to be the root of the problem.
  1. Mobile application is re-initialized in every remote view. This is not supported - application should be initialized only once in the main file of the application.
  2. Both views contains a div element with same ID.
    <div id="map_canvas" style="width:100%;"></div>

    This will result in having elements with duplicated IDs which is invalid HTML. Please use different IDs.
  3. Make map views stretched - data-stretch="true"

I hope this will help.

Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Application
Asked by
Bala
Top achievements
Rank 1
Answers by
Adam
Top achievements
Rank 1
Alexander Valchev
Telerik team
Norman
Top achievements
Rank 2
Share this question
or