通过输入半径

时间:2013-05-14 03:23:30

标签: javascript google-maps

我想知道是否可以提供一些帮助来制作带有输入的地图应用程序并显示指定位置的3公里半径。 非常感谢你。 抱歉我的英语不好(jejeje)

1 个答案:

答案 0 :(得分:0)

听起来你想要做的就是对一个地址进行地理编码并围绕它设置一个圆圈。请注意,您必须将Google地图绑定到DOM元素,此示例代码是ID为“map”的div。

function geocodeAndMap(address) {
  var geocoder = new google.maps.Geocoder();

  geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      var myOptions = {
        zoom: 16,
        center: results[0].geometry.location,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };

      var map = new google.maps.Map(document.getElementById("map"), myOptions); 

      var addressMarker = new google.maps.Marker({
        map: map,
        position: results[0].geometry.location
      });

      var circle = new google.maps.Circle({
        map: map,
        radius: 3000,
        fillColor: '#660000'
      });
      circle.bindTo('center',addressMarker,'position');
  });
}