Tad 教材網 - 線上書籍

:::

16-1 index.html

17-1 index.php next

\[982\]PHP網站開發 進階應用技巧
=====================

[![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/9802/17.zip)

### 一、輸入地址找位置

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

<font color="#3366ff">**geocoder = new GClientGeocoder();**</font>

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

<font color="#3366ff">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);  
 }  
 }  
 );  
 }</font>

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

<font color="#3366ff">var map =null;  
 var geocoder =null;</font>

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

### 二、存入地址、經緯度

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

<font color="#3366ff">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();  
 });</font>

### 三、讀出已存位置

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

<font color="#3366ff">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;  
 }</font>

:::

搜尋

進階搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D225

快速登入

書籍目錄

展開 | 闔起

線上使用者

58人線上 (13人在瀏覽線上書籍)

會員: 0

訪客: 58

更多…

MarkDown

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者