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

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -