專業滅鼠技術,快速除臭消毒,不留後患
保固期免費服務追蹤,居家守護不間斷
窗簾搬家好選擇,提供免費紙箱、完善估價不加收
可到府免費估價,歡迎來電預約

首頁  •  j2h 論壇 • 程式設計討論     • 

Google Map地址查詢

房東:小張
發表時間:2010-08-28


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



Google Maps (台灣)




GClientGeocoder




地址:






http://klc-

km.blogspot.com/2008/04/google-map-api-6.html


http://code.google.com/apis/maps/documentation/examples/geocoding-

extraction.html






  • 贊助網站       

    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務
    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心!

  • 1 樓住戶:阿凱
    發表時間:2010-08-28

    1.GClientGeocoder()是Gmap的地理編碼服務,請在function initialize() 中加入;

    geocoder = new GClientGeocoder();

    2.在function initialize() 下方加入用來搜尋的函數showAddress():

    function showAddress(address) {
    geocoder.getLatLng(
    address,
    function(point) {
    if (!point) {
    alert("找不到:" + address);
    } else {
    map.setCenter(point, 13);
    var marker = new GMarker(point, {draggable: true ,bouncy:true});
    map.addOverlay(marker);
    marker.openInfoWindowHtml(address);
    }
    }
    );
    }

    3.因為 initialize() 和 showAddress() 都會用到 map 及 geocoder,所以,在 initialize() 前先宣告這兩個變數

    var map =null;
    var geocoder =null;

    4.設定輸入地址的文字框:

    <form action="#" onsubmit="showAddress(this.address.value); return false">
    <input type="text" size="60" name="address" value="" />
    <input type="submit" value="查詢" />
    </form>

    二、存入地址、經緯度
    1.利用document.getElementById("欄位名").value 將值給塞進去表單中。
    2.此外,找到的位置有時後會有誤差,因此,建立一個監聽事件,紀錄調整後之位置。

    document.getElementById("latlng").value = markerLatLng.toString();
    document.getElementById("name").value = address;

    //移動節點後要進行的動作
    GEvent.addListener(marker, "dragend", function() {
    markerLatLng = marker.getLatLng();
    document.getElementById("latlng").value = markerLatLng.toString();
    });

    三、讀出已存位置
    1.利用 showAddress('{$latlng}') 來導到我們要的精確位置。

    function list_map(){
    $sql="select `latlng`,`name` from `gmap`";
    $result=mysql_query($sql) or die($sql);
    $main="<ol>";
    while(list($latlng,$name)=mysql_fetch_row($result)){
    $main.="<li><a onClick=\"showAddress('{$latlng}');\">$name</a></li>";
    }
    $main.="</ol>";
    eturn $main;
    }









    2 樓住戶:阿亦
    發表時間:2010-08-28




    http://my-web-design.blogspot.com/2007/09/google-maps-api.html
    http://ianjung1974.blogspot.com/2008/05/google-maps-api.html

    GClientGeocoder
    http://www.my-life.tw/hosting-talk/thread-418-1-1.html
    http://itgroup.blueshop.com.tw/uuuiii00/AllenJ?n=convew&i=20783




    3 樓住戶:阿力
    發表時間:2010-09-04

    簡單版本


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Google Maps API範例::::台南火車站</title>
    <!--必須使用你自己的 Google 地圖 Key -->
    <script src="http://maps.google.com/maps?

    file=api&v=2&key=ABQIAAAAV1c70XS4h8G45asrAG9p6xQ-

    IJgB5K1kiq95CtgFR2Z1Td7OdBRPgdbbWcFMKE9fE8pTHAOpXOSbEQ" type="text/javascript"></script>
    </head>
    <body>


    <div id="map" style="width: 500px; height: 300px"></div>
    <script type="text/javascript">
    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>



     共 3 人回應  選擇頁數 【第1 頁】 

    姓名:
    佈告內容:
    其他選項: