使用經緯度座標製作Google地圖

我環顧四周，發現了各種使用Google Googles API的地理編碼示例，現在我被卡住了。使用經緯度座標製作Google地圖

我已經使用Google API將郵政編碼轉換爲經度和緯度座標，但現在我想要一個使用這些座標和郵編的Google地圖來顯示標記，然後將地圖放在我的網站上。完全一樣的iframe，你可以從谷歌地圖網站獲得：

例如這樣的：

的Google Map鏈接。

我的網站將去加載lat和長從我的MySQL數據庫，然後將它們放入一個鏈接，但只是沒有運氣！

任何想法？

來源

2012-05-28 JonE

是你使用javascript？谷歌地圖v3我想？ – 2012-05-28 12:06:07

你有沒有嘗試過任何教程？這是非常基本的谷歌地圖功能，並有大量的谷歌搜索另一端的教程:) –

獲取從數據庫中$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-28 12:11:22

它基本上是JS腳本來顯示谷歌地圖...所以使用var locations = [['<？php $ postaddress; ？>'，'<？php $ lat; ？>'，'<？php $ long？>;'，'1']，]; –

完全如您所說，用我的變量替換所有部分，但仍然沒有運氣：/ – JonE

無法在此處粘貼我的代碼：/ >> var locations = [['<？php $ pcode; ？>'，'<？php $ lat; ？>'，'<？php $ lng; ？>'，'1']]; 更改了pcode和lng的所有其他參考。 – JonE

谷歌地圖不是一個iframe那裏，它的一堆divs不同地圖瓷磚定位在這裏和那裏。

如果您使用的是Google Maps API v3，請查看this google example的源代碼。它應該正是你需要的。這很簡單。

基本上，你在中央lng/lat初始化地圖。在那個例子中，它將它居中並添加一個標記（這大概就是你之後的）。

或者，如果您只需要圖片/標記，而且沒有交互性，則可以看到Static Maps API。這就像加載圖像（你只是傳遞中長/ LAT的IMG SRC屬性：https://developers.google.com/maps/documentation/staticmaps/

來源

2012-05-28 12:09:01 Benno

該地圖似乎不喜歡我的編碼..這是不幸的，但加上一個反正〜D – JonE

使用經緯度座標製作Google地圖

回答

相關問題