2014-12-22 43 views
0

我已經獲得了一個帶有圓圈疊加層的偉大地圖,但現在我想添加功能以對地址進行地址解析並將其顯示在同一地圖上以查看如果地址落在cicle內。對地理位置進行地理編碼並將其與Google地圖上的現有疊加層進行匹配API

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script 
 
src="http://maps.googleapis.com/maps/api/js"> 
 
</script> 
 

 
<script> 
 
var amsterdam=new google.maps.LatLng(52.395715,4.888916); 
 
function initialize() 
 
{ 
 
var mapProp = { 
 
    center:amsterdam, 
 
    zoom:7, 
 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    
 
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); 
 

 
var myCity = new google.maps.Circle({ 
 
    center:amsterdam, 
 
    radius:20000, 
 
    strokeColor:"#0000FF", 
 
    strokeOpacity:0.8, 
 
    strokeWeight:2, 
 
    fillColor:"#0000FF", 
 
    fillOpacity:0.4 
 
    }); 
 

 
myCity.setMap(map); 
 
} 
 

 
google.maps.event.addDomListener(window, 'load', initialize); 
 
</script> 
 
</head> 
 

 
<body> 
 
<div id="googleMap" style="width:500px;height:380px;"></div> 
 
</body> 
 
</html>

上面的代碼的偉大工程。我無法完成額外的地理編碼部分。

+0

我沒有看到任何嘗試添加地理編碼器或使用它。你有什麼嘗試? – geocodezip

回答

1

使用谷歌地圖API地理編碼服務是這樣的:

var geocoder = new google.maps.Geocoder(); 

function geocode(address) { 
    geocoder.geocode({ 'address': address}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: results[0].geometry.location 
     }); 
    }); 
} 
geocode("Wilhelminastraat 109HS") 

這會找到你的地址的經緯度,並標記在地圖上。 http://jsfiddle.net/Lawd9ety/1/

+0

非常感謝。我做了一些調整到我的原始頁面,並有一些我可以肯定使用。我仍在玩它,並在圈子的中心添加了一個標記。 –

相關問題