2013-05-06 67 views
0

我正在使用Google地图JavaScript API,我从数据库获取用户邮政编码,从另一个表中找到lang,lat,并将其传递到JavaScript并在地图上显示标记。这显示标记完美。 但我想显示标记的确切地址的用户,而不是只是邮政编码。 但无法找到一个方法如何做到这一点。在谷歌地图上显示用户地址标记

任何人都可以请指导我。

感谢

如果你想放置在指定纬度和经度使用此代码标记
+2

你能告诉你的代码? – Raptor 2013-05-06 07:00:33

+0

是否要在给定的lat和lng上放置标记? – 2013-05-06 08:58:43

+0

如果您传递完整地址,则您正在使用获取邮政编码的经纬度的相同过程。你还没有提供你使用的代码,所以不能确定。 – geocodezip 2013-05-06 13:21:40

回答

0

use this code 

<!DOCTYPE html> 
<html> 
<head> 
<title>Google Maps</title> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
<meta charset="utf-8"> 
<style> 
html, body, #map-canvas { 
margin: 0; 
padding: 0; 
height: 100%; 
} 
</style> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
    <script> 
    var map; 
    var markersArray=[]; 
    function initialize() { 
    var mapOptions = { 
     zoom: 8, 
     center: new google.maps.LatLng(11.6667,76.2667), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
    mapOptions); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
function pan() { 
deleteOverlays(); 
    var panPoint = new google.maps.LatLng(document.getElementById("lat").value,  document.getElementById("lng").value); 
    map.setCenter(panPoint) 
    var marker = new google.maps.Marker({ 
      map: map, 
      position: panPoint, 
     }); 
     markersArray.push(marker); 

} 

function deleteOverlays() { 
    if (markersArray) { 
     for (i in markersArray) { 
     markersArray[i].setMap(null); 
     } 
    markersArray.length = 0; 
    } 
} 
</script> 
</head> 
<body> 
Latitude:<input type="text" id="lat" > 
Longitude:<input type="text" id="lng"> 
<input type="button" value="updateCenter" onclick="pan()" /> 


<div id="map-canvas"></div> 
</body> 
</html>