2014-12-22 1 views
0

У меня отличная карта с наложением круга, но теперь я хочу добавить функциональность для геокодирования адреса и показать его на той же карте, чтобы увидеть если адрес попадает в цикле.Геокодировать местоположение и сопоставлять его с существующим наложением с Google maps 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

Используйте Google Maps 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

Большое спасибо. Я сделал несколько настроек на моей исходной странице и получил то, что я могу использовать наверняка. Я все еще играю с ним и добавил маркер в центр круга. –

Смежные вопросы