Forum | Appery.io

Hi Katya

Now this is very strange! it worked 5 days ago and now the problem seems to have reappeared. I still have Apperyio("google_map1").refresh(); on page show which is triggered after the marker points are plotted on the map.

I've plotted just one point in barcelona to show as an example and provided a screen shot

Hi Shawn,

Please try these solutions:
http://stackoverflow.com/questions/10...

Hi

I seem to have solved the google map cropping problem but am now facing a slightly different challenge.

I'm calling the initialize() function on page load with a timeout of 50 but it seems to be taking quite some time to finish is there any way to wait till completion ?
Because subsequent marker calls like map.fitBounds(bounds) is failing as map' isn't getting initialized . Please note : For me 'Render all pages in one HTML file' is ON

Here is the code again

function initialize()
{
console.log('Initializing Map...');

 map = Apperyio("google_map").gmap; 
 if (!map) { 
     setDelay(); 
 }  

}

function mylocationmarker()
{
var iconBase = 'https://maps.google.com/mapfiles/kml/...';
var markerLatLng = new google.maps.LatLng(localStorage.getItem('markerLat'), localStorage.getItem('markerLng'));

var marker = new google.maps.Marker({
position: markerLatLng,
map: map,
title: 'My position',
animation: google.maps.Animation.DROP,
icon: iconBase + 'man_maps.png'
});

markers.push(marker);
bounds.extend(markerLatLng);
map.fitBounds(bounds);
}

Also tried calling initiatlize() on Page Show

Hi Shawn,

Please replace your code:

pre

map = Apperyio("google_map").gmap;

/pre

with following one:

pre

var map = Appery("google_map").options.mapElement.gmap('get', 'map');

/pre

Regards.

Gives an Error 'Uncaught TypeError: Cannot read property 'options' of undefined'
and hangs the system. Here is the code ...

var directionsDisplay;
var map;
var markers = [];
var directionsService = new google.maps.DirectionsService();
var bounds = new google.maps.LatLngBounds();
var trafficLayer = new google.maps.TrafficLayer();

function initialize()
{
console.log('Initializing Map...');

 map = Appery("google_map").gmap.options.mapElement.gmap('get','map'); 
 if (!map) { 
     setDelay(); 
 }  

}

function setDelay() {
setTimeout(initialize, 50);
}

Hi Shawn,

You currently use code:

pre

map = Appery("google_map").gmap.options.mapElement.gmap('get','map');

/pre

But i've provide you with following one:

pre

var map = Appery("google_map").options.mapElement.gmap('get', 'map');

/pre

Please use given code, don't try to change it.

Regards.

Oops that was an early morning fix without any coffee
Your code has worked, Thanks Yurii

Page not found

Hi Cristian,

What exactly page is not found?