Google maps api 支援中文住址轉座標

edited 十月 2013 in Javascript
過去使用過 urmap 的 api ,因為免費版本無法將住址轉換為座標而放棄,最近嘗試使用 Google maps api 時發現他們開放了這樣的功能,雖然許多住址還無法辨識,這樣的開放是值得讚許的 :)

下面說明如何使用:
1. 申請 API key
http://code.google.com/apis/maps/
2. 在網頁 head 中放入
<script type="text/javascript" src="http://www.google.com/jsapi?key=xxx"></script>;
* xxx 就是你申請的 key
3. 在 body 中放入
<div id="map" style="width: 500px; height: 300px"></div>
<script type="text/javascript">
      google.load("maps", "2", {"locale" : "zh_TW"}); //引入 maps api 、設定介面語系為正體中文
      	var map = new google.maps.Map2(document.getElementById("map"));
      	var geocoder = new GClientGeocoder(); //解譯程式
      	var address = "給個住址吧";
        geocoder.getLatLng(address, function(point) {
            if (!point) {
              alert('這個地址 Google 說不知道,所以沒辦法顯示地圖!');
            } else {
              map.setCenter(point, 16);
              var marker = new GMarker(point);
              map.addOverlay(marker);
              marker.openInfoWindowHtml(address);
            }
          });
google.setOnLoadCallback(initialize);
</script>

展示:
http://play.osobiz.com/hotels

可以點進去旅館的資料,如果 api 可以傳回座標,畫面就會顯示出地圖 :)

* 據說 urmap api 三月要改版,不知道會不會開放住址轉座標的功能 ^^||

原始討論: http://twpug.net/x/modules/newbb/viewtopic.php?topic_id=3193

評論

Sign In or Register to comment.