javascript - 通过输入的半径

Question

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

Answer 1

听起来您想要做的是对地址进行地理编码并在其周围放置一个圆圈。请记住，您必须将 Google Map 绑定到 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');
  });
}