Question

我环顾四周，发现使用Googles API的各种地理编码示例，我现在卡住了。

我使用Google API将邮政编码转换为经度和纬度坐标，但现在我想要一张使用这些坐标和邮政编码的Google地图来显示标记，然后将地图放在我的网站上。与您可以从Google地图网站获得的iframe完全相同：

例如：

我的网站将从我的lat数据库中加载MySQL和很长时间，然后将它们放入链接中，但是没有运气！

有什么想法吗？

Answer 1

从数据库中获取$postadress，lat和long值，然后获取这些值，例如

 <script  type="text/javascript">
     var locations = [['$postaddress ;','$lat;', ' $long;', '1'],];
 </script>

 <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

  <div id="map" class="googlemapimage"></div>

  <script type="text/javascript">

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom:15,  
      center: new google.maps.LatLng(<?php echo $lat;?>, <?php echo $long; ?>),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var infowindow = new google.maps.InfoWindow();

    var marker, i;
    for (i = 0; i < locations.length; i++) {  
      marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map
      });

      google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
        return function() {
          infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
        }

      })(marker, i));
      google.maps.event.addListener(marker, 'mouseout', (function(marker, i) {
        return function() {

          infowindow.close();
        }

      })(marker, i));
       google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
        infowindow.setContent(locations[i][0]);
           infowindow.open(map, marker);
        }

      })(marker, i));
    }
  </script>

Answer 2

谷歌地图不是那里的iframe，它的一堆div有不同的地图图块放在这里和那里。

如果您使用的是Google Maps API v3，请查看this google example的源代码。它应该是你需要的。这很简单。

基本上，您在中心lng / lat上初始化地图。在那个例子中，它将它居中并添加一个标记（可能就是你所追求的）。

或者，如果您只需要图片/标记，并且没有交互性，则可以看到静态地图API。这就像加载图像一样（你只需将long / lat传递给img src属性：https://developers.google.com/maps/documentation/staticmaps/

使用Lat和Long coords制作Google地图

2 个答案: