1

Google の API を使用したさまざまなジオコーディングの例を調べてみたところ、行き詰まってしまいました。

Google API を使用して郵便番号を経度と緯度の座標に変換しましたが、これらの座標と郵便番号を使用してマーカーを表示し、マップをサイトに配置する Google マップが必要になりました。Google マップ サイトから取得できる iframe とまったく同じです。

たとえば、これ：

グーグルマップのリンクです。

lat私のサイトはデータベースから and long をロードし、MySQLそれらをリンクに配置しますが、うまくいきません!

何か案は？

4

2 に答える 2

3

$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>
于 2012-05-28T12:11:22.410 に答える