How to add custom icons for Geolocation Marker & Multiple Location Points? I will pay for a good answer.

Tue Mar 12, 2013 4:49 pm

Don, we are working on it...

Tue Mar 12, 2013 7:59 pm

There were some problems, we've fixed. Please try to open app again.

Tue Mar 12, 2013 8:38 pm

Hi Katya,

The app is no longer freezing and displaying the white page...
but there is also still no mapping working.

Looking at the JS, it is all messed up now:

precode
googleMapDiv = Tiggzi("googlemap1_2").get(0);$googleMapDiv = $(googleMapDiv);mapWidth = $googleMapDiv.width();mapHeight = $googleMapDiv.height();/Adjust zoom to cover all marks/function log2(m) {return ((Math.log(m)) / (Math.log(2)));};var maxLatitude = -90,minLatitude = 90,maxLongitude = -180,minLongitude = 180,location, widthForZoom0 = 256,/map width/height = 256px for zoom = 0/mapWidth, mapHeight, mapDivZoom, mapZoom, resultZoom, googleMapDiv, $googleMapDiv, mapOptions, map, i, sfLatlng, marker;for (i = 0; i < value.length; i++) {location = value['location'];maxLatitude = location['latitude'] > maxLatitude ? location['latitude'] : maxLatitude;minLatitude = location['latitude'] < minLatitude ? location['latitude'] : minLatitude;maxLongitude = location['longitude'] > maxLongitude ? location['longitude'] : maxLongitude;minLongitude = location['longitude'] < minLongitude ? location['longitude'] : minLongitude;};mapZoom = log2(1 / Math.max(Math.abs((maxLatitude - minLatitude) / 180), Math.abs((maxLongitude - minLongitude) / 360))); /zoom for current map piece/mapDivZoom = log2(Math.min(mapWidth, mapHeight) / widthForZoom0); /zoom for current size of map div/resultZoom = Math.floor(mapDivZoom + mapZoom); /result map zoom/if (resultZoom > 15) {resultZoom = 15;}if (resultZoom < 0) {resultZoom = 0;}mapOptions = {zoom: resultZoom,center: new google.maps.LatLng((maxLatitude + minLatitude) / 2, (maxLongitude + minLongitude) / 2),mapTypeId: google.maps.MapTypeId.ROADMAP};/Add marks to screen/map = new google.maps.Map(googleMapDiv, mapOptions);for (i = 0; i < value.length; i++) {sfLatlng = new google.maps.LatLng(value['location']['latitude'], value['location']['longitude']);marker = new google.maps.Marker({position: sfLatlng,map: map});};
/code/pre

Tue Mar 12, 2013 9:32 pm

Hi Don,
Yes, this is a known editor problem. There should be new lines instead of code""/code
Replace them manually and mapping should work.

Tue Mar 12, 2013 9:47 pm

Replaced  with returns and now the app returns the white page again and hangs.

Wed Mar 13, 2013 1:02 pm

Hello!

You should change mapping on LocationMap page ( REST_4locations Response) - map LOCATION to JavaScript mapJS, not LOCATIONS

Here is the JS code:

code googleMapDiv = Tiggzi("googlemap1_2").get(0);
$googleMapDiv = $(googleMapDiv);
mapWidth = $googleMapDiv.width();
mapHeight = $googleMapDiv.height(); /Adjust zoom to cover all marks/

Code: Select all

             function log2(m) { 
                 return ((Math&#46;log(m)) &#47; (Math&#46;log(2))); 
             }; 
             var maxLatitude = -90, 
                 minLatitude = 90, 
                 maxLongitude = -180, 
                 minLongitude = 180, 
                 location, widthForZoom0 = 256, 
                 &#47;*map width&#47;height = 256px for zoom = 0*&#47; 
                 mapWidth, mapHeight, mapDivZoom, mapZoom, resultZoom, googleMapDiv, $googleMapDiv, mapOptions, map, i, sfLatlng, marker; 
             for (i = 0; i < value&#46;length; i++) { 
                 location = value[i]; 
                 maxLatitude = +location['LATITUDE'] > maxLatitude ? +location['LATITUDE'] : maxLatitude; 
                 minLatitude = +location['LATITUDE'] < minLatitude ? +location['LATITUDE'] : minLatitude; 
                 maxLongitude = +location['LONGITUDE'] > maxLongitude ? +location['LONGITUDE'] : maxLongitude; 
                 minLongitude = +location['LONGITUDE'] < minLongitude ? +location['LONGITUDE'] : minLongitude; 
             }; 
             mapZoom = log2(1 &#47; Math&#46;max(Math&#46;abs((maxLatitude - minLatitude) &#47; 180), Math&#46;abs((maxLongitude - minLongitude) &#47; 360))); &#47;*zoom for current map piece*&#47; 
             mapDivZoom = log2(Math&#46;min(mapWidth, mapHeight) &#47; widthForZoom0); &#47;*zoom for current size of map div*&#47; 
             resultZoom = Math&#46;floor(mapDivZoom + mapZoom); &#47;*result map zoom*&#47; 
             if (resultZoom > 15) { 
                 resultZoom = 15; 
             } 
             if (resultZoom < 0) { 
                 resultZoom = 0; 
             } 
             mapOptions = { 
                 zoom: resultZoom, 
                 center: new google&#46;maps&#46;LatLng((maxLatitude + minLatitude) &#47; 2, (maxLongitude + minLongitude) &#47; 2), 
                 mapTypeId: google&#46;maps&#46;MapTypeId&#46;ROADMAP 
             }; &#47;*Add marks to screen*&#47; 
             map = new google&#46;maps&#46;Map(googleMapDiv, mapOptions); 
             for (i = 0; i < value&#46;length; i++) { 
                 sfLatlng = new google&#46;maps&#46;LatLng(value[i]['LATITUDE'], value[i]['LONGITUDE']); 
                 marker = new google&#46;maps&#46;Marker({ 
                     position: sfLatlng, 
                     map: map 
                 }); 
             };

/code

Thu Mar 14, 2013 1:55 am

Sorry, as soon as the XML is returned, I still get a blank white page and endless wait circle.

If I remove the JS, the page returns correctly, including the webservice response/locations being populated.

Thu Mar 14, 2013 8:20 am

Hello! Did you follow instructions I've suggested above?

Thu Mar 14, 2013 1:46 pm

Yes.
I have shared the app with a href="mailto:support@tiggzi.com" rel="nofollow"support@tiggzi.com/a

Thu Mar 14, 2013 2:03 pm

You should delete mapping from LOCATIONS and replace code with the code I've suggested above https://getsatisfaction.com/tiggzi/to...

You have incorrect JS