Ray Phelan
Posts: 0
Joined: Fri Apr 18, 2014 3:59 pm

Display Google Map on screen load

How can I display a Google Map with my location when the screen loads? I can do it when I press a "Button", but I cant make the map load when screen loads.

Nikita
Posts: 0
Joined: Fri Feb 28, 2014 4:02 pm

Display Google Map on screen load

Hello,

Let's try to use "Page show" event instead of "Load"

Ray Phelan
Posts: 0
Joined: Fri Apr 18, 2014 3:59 pm

Display Google Map on screen load

Hi.

I've changed the event to "Page Show" but it still doesnt load the map.

Here is the code I use for "Page Show" event:

---------------------------------------------------------

Appery('lat').text(localStorage.getItem('latitude'));
Appery('lng').text(localStorage.getItem('longitude'));

var map = Appery('map');
map.options['latitude'] = localStorage.getItem('latitude');
map.options['longitude'] = localStorage.getItem('longitude');
map.refresh();

----------------------------------------------------------

Here is the link:
http://appery.io/app/mobile-frame?src...

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Display Google Map on screen load

Please use the following code on page show eventprevar myLat = localStorage.getItem('latitude');
var myLong = localStorage.getItem('longitude');
var mapOptions = {
center: new google.maps.LatLng(myLat, myLong),
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);/prereplace map-canvas with screenName_mapName
where screenName - screen name, mapName - map component name

Ray Phelan
Posts: 0
Joined: Fri Apr 18, 2014 3:59 pm

Display Google Map on screen load

Thank you Maryna, it works perfectly now.

Return to “Issues”