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範例,也是可以參考一下,在這裡
隨機文章
- Infortrend 普安的SAN,可靠度實在讓人不敢相信的差 (2012-10-05)
- 鯊魚網 VS. co.cc VS. twbbs.org (2009-03-13)
- 露天拍賣這樣的大站也會因為流線數過多不提供服務 (2011-02-23)
- 玉山銀行信用卡申請 搞笑了 (2019-09-29)
- 轉貼:「心,委屈了」 不提薪資福利、員工最真實的離職原因 (2014-01-14)