Gmap顯示資料,都是使用應標的方式,但是我們可能可以查的到地址,不見得查的到座標,如果可以直接給地址,就可以顯示地圖出來,一定非常的方便,我想很多人需要這個功能,但是Google官方提供的範例,都是輸入地址後查詢,才顯示地圖。第一動要先預設一個座標,再去查詢地址後,回傳座標之後,再重畫顯示地圖,方法不自動,要人工處理,我查了好久,總算是查到資料,感謝提供網頁,我有空再來測試。
var coder = new GClientGeocoder();
coder.getLatLng(
“江揚”,
function(point) {
if (point) {
var map = new GMap2(document.getElementById(“map_canvas”));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.enableScrollWheelZoom();var information = [
new GLatLng(point.y,point.x)
] ;function createMarker(data, html) {
var marker = new GMarker(new GLatLng(data.y, data.x));
var html = “1524 Addison Road” +
‘<img src=”op7.png” onClick=”zoomit(‘ + data.y + ‘,’ + data.x + ‘);”>Zoom</a>’;
GEvent.addListener(marker, ‘click’, function() {
marker.openInfoWindowHtml(html);
});
return marker;
}function zoomit(lat, lng) {
map.setCenter(new GLatLng(lat, lng), 13);
}for (var i = 0; i < information.length; i++){
var marker = createMarker(information[i]);
map.addOverlay(marker);
marker.show();
}//calculating center
var latlngbounds = new GLatLngBounds();
for ( var i = 0; i < information.length; i++ ) {
latlngbounds.extend( information[ i ]);
}//centering the map
map.setCenter(latlngbounds.getCenter(), 13);}
}
);
WordPress中的外掛MapPress就有這樣的功能,而且還可以使用街景功能,是超級的方便,一定有方法可以達成這樣的功能。所以,查一下,就會有資料囉!
資料來源:在這裡
Google 官方提供的Gmap API範例,也是可以參考一下,在這裡
隨機文章
- 最近我看到宏達電hTc,真的不一樣了 (2014-04-07)
- If you over usage the CPU & Memory in a hosting server (2009-09-17)
- CPU-AMD稱OLPC百元筆記本最綠色 閒置能耗僅1瓦 (2007-11-03)
- 從VMware Workstation Pro 12 遷移虛擬機到 ESXi 6.0 (2016-08-07)
- 怎麼這樣教小孩? (2016-08-23)


![[ChatGPT] 4o的圖片視覺測試](https://chihping.aflypen.com/wp-content/uploads/2024/09/eye-4367141_640-300x200.jpg)


![[chatGPT 測試] DSM 7 有什麼特色](https://chihping.aflypen.com/wp-content/uploads/2023/03/usb-ga13f61ece_1280-300x221.jpg)


