摘要:Google Map api (v3)
如何在網頁載入google map?
v3版本使用javascript語法就可以輕鬆實現~
看下列簡單的code:
參考範例:Google Map V3 範例網頁
範例圖:
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-TW"></script>
<script type="text/javascript">
var map;
function initialize() {
var latlng = new google.maps.LatLng(23.6978100, 120.9605150);//經緯度
var myOptions = {
zoom: 7, //地圖縮放等級
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP//地圖種類
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
