2010年9月6日 星期一

使用google map API 完成自己的地圖

本篇是用來記錄用的



<script src="http://maps.google.com/maps?file=api&v=2&key=你的map金鑰"
type="text/javascript"></script>
<SCRIPT LANGUAGE="javascript">
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("my_map"));
var geocoder = new GClientGeocoder();
var address = "要找的地址"
map.addControl(new GSmallMapControl());

geocoder.getLatLng(address, function(point) {
if (!point) {
alert('Google Maps 找不到該地址,無法顯示地圖!'); //如果Google Maps無法顯示該地址的警示文字
} else {
map.setCenter(point, 16);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml("要顯示的字");
}
});
}
}
</script>


<div id="my_map" style="width: 600px; height: 450px"></div>

參考網址: http://www.twavtv.com/thread-219-1-1.html

沒有留言: