Google maps Initial marker won''t show up -
Google maps Initial marker won''t show up -
the code found google map seems work fine but, initial marker isn't showing when load map. map centered on initial location no marker. i'm using php populate initial lat , lon. there way remove old marker 1 time dragged new location?
// global "map" variable var map = null; var marker = null; // popup window pin, if in utilize var infowindow = new google.maps.infowindow({ size: new google.maps.size(150,50) }); // function create marker , set event window function function createmarker(latlng, name, html) { var contentstring = html; var marker = new google.maps.marker({ position: latlng, map: map, zindex: math.round(latlng.lat()*-100000)<<5 }); google.maps.event.addlistener(marker, 'click', function() { infowindow.setcontent(contentstring); infowindow.open(map,marker); }); google.maps.event.trigger(marker, 'click'); homecoming marker; } function initialize() { // location of initial pin var mylatlng = new google.maps.latlng(<?=$a1[lat]?>,<?=$a1[lon]?>); // create map var myoptions = { zoom: 12, center: mylatlng, maptypecontrol: true, maptypecontroloptions: {style: google.maps.maptypecontrolstyle.dropdown_menu}, navigationcontrol: true, maptypeid: google.maps.maptypeid.satellite } var mymarker = new google.maps.marker({ position: new google.maps.latlng(<?=$a1[lat]?>, <?=$a1[lon]?>), draggable: true }); map = new google.maps.map(document.getelementbyid("map_canvas"), myoptions); // found initial marker/pin var mymarker = new google.maps.marker({ position: new google.maps.latlng(<?=$a1[lat]?>, <?=$a1[lon]?>), draggable: true }); // found initial div form fields formlat = document.getelementbyid("latbox").value = mylatlng.lat(); formlng = document.getelementbyid("lngbox").value = mylatlng.lng(); // close popup window google.maps.event.addlistener(map, 'click', function() { infowindow.close(); }); // removing old markers/pins google.maps.event.addlistener(map, 'click', function(event) { //call function create marker if (marker) { marker.setmap(null); marker = null; } // info popup window if chose have 1 marker = createmarker(event.latlng, "name", "<font color=#660000><b><?=$a1[name]?></b><br>"+event.latlng); var image = '/images/googlepins/pin2.png'; var mylatlng = event.latlng ; /* var marker = new google.maps.marker({ removing 'var' subsquent pin placement removes old pin icon */ marker = new google.maps.marker({ position: mylatlng, map: map, icon: image, title:"property location" }); // populate form fields lat & lng formlat = document.getelementbyid("latbox").value = event.latlng.lat(); formlng = document.getelementbyid("lngbox").value = event.latlng.lng(); }); } //]]>
the map-tag needed added. had seek help me but, when reply created more problems removed reply , downwards voted question.... buddy.. here map-option needed go.
map = new google.maps.map(document.getelementbyid("map_canvas"), myoptions); // found initial marker/pin var mymarker = new google.maps.marker({ position: new google.maps.latlng(<?=$a1[lat]?>, <?=$a1[lon]?>), map: map, /// <-------this added , seems have fixed problem draggable: true, });
google-maps-api-3
Comments
Post a Comment