google-maps-api-3 - 来自姓名、地址和邮政编码的位置标记

标签 google-maps-api-3 google-maps-markers street-address

在我的域模型中,对于有问题的实体,我有:

  • 地点名称(例如 Waterstones Wakefield)
  • 街道地址(例如 61-62 Bishopgate Walk)
  • 以及邮政编码(例如 WF1 1YB)

  • 从以上三条信息中,我怎样才能得到一个放置在 map 上的标记?我正在使用谷歌地图 API 3。

    谢谢

    最佳答案

    试试这个例子:

    HERE THE ORIGINAL

    HTML

          <body onload="initialize()">
            <div>
              <input id="address" type="text" value="Sydney, NSW">
              <input type="button" value="Geocode" onclick="codeAddress()">
            </div>
            <div id="map-canvas" style="height:90%;top:30px"></div>
          </body>
    

    JS
     <script>
      var geocoder;
      var map;
      function initialize() {
        geocoder = new google.maps.Geocoder();
        var latlng = new google.maps.LatLng(-34.397, 150.644);
        var mapOptions = {
          zoom: 8,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
      }
    
      function codeAddress() {
        var address = document.getElementById('address').value;
        geocoder.geocode( { 'address': address}, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });
          } else {
            alert('Geocode was not successful for the following reason: ' + status);
          }
        });
      }
    </script>
    

    关于google-maps-api-3 - 来自姓名、地址和邮政编码的位置标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15703918/

    相关文章:

    google-maps - 对齐谷歌地图标记图像以防止重叠

    javascript - Angular 谷歌地图主 Controller 错误

    google-maps - InvalidValueError : in property origin: not a string in google map

    javascript - 邮政编码未出现在自动完成框 Google map 上?

    android - 如何以组织良好的格式获取地址

    javascript - 获取标记的精确地址 - Google Maps V3

    javascript - Google Maps API 风格的 map - 颜色问题

    google-maps-api-3 - google place api获取位置的引用值

    Android map 标记仅在缩放更改后显示在 map 上

    ruby-on-rails - 存储用户地址详细信息的有效方法 rails 4