Page 1 of 1

Missing Marker on Google Maps

Posted: Mon Feb 04, 2013 7:43 pm
by Bernie

I have the following code. Everything works fine, besides the marker symbol won't show up on the map. Any help appreciated.

varLat = localStorage.getItem("LatitudeDetail")
varLng = localStorage.getItem("LongitudeDetail")

var myLatlng = new google.maps.LatLng(varLat, varLng);
var mapOptions = {
zoom: 17,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
}

var marker1 = new google.maps.Marker({
position: myLatlng,
title: "Testmarker1"
});

Tiggr("googlemap1").options.mapElement.gmap('addMarker', marker1);
Tiggr("googlemap1").options.mapElement.gmap(mapOptions);
Tiggr("googlemap1").options.mapElement.gmap("refresh");


Missing Marker on Google Maps

Posted: Mon Feb 04, 2013 8:51 pm
by Kateryna Grynko

Hello!

You can find how to add markers here http://docs.tiggzi.com/tutorials/#Goo...


Missing Marker on Google Maps

Posted: Mon Feb 04, 2013 10:34 pm
by Bernie

Thanks for the hint - problem soved.
This code worked for me:

var map = Tiggzi ('googlemap1');

varLat = localStorage.getItem("LatitudeDetail")
varLng = localStorage.getItem("LongitudeDetail")

var myLatlng = new google.maps.LatLng(varLat, varLng);
var mapOptions = {
zoom: 17,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
}

var map = new
google.maps.Map($('div[dsid="googlemap1"]').get(0), mapOptions);

//POI, with custom marker

var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: localStorage.getItem("POIName"),
icon: "your icon-URL.png"
});