最簡單的 Google Map 形式。
Simple Map 範例。
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0,
user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map-canvas { à設定地圖的大小
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script
src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
var map;
function initialize() {
var
mapOptions = {
zoom: 17, à設定地圖縮放程度
center: new google.maps.LatLng(25.033807,121.564759) à設定地圖中心，這邊設為台北101
};
map
= new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
google.maps.event.addDomListener(window,
'load', initialize);à載入地圖
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
如果您喜歡我的文章，請在文章最末按5下Like!
我將得到LikeCoin的回饋:)
回饋由LikeCoin基金會出資，您只要註冊/登入帳號(FB、Google帳號都可以註冊，流程超快)，按L五次左鍵，可以贊助我的文章且完全不會花到錢！
支持創作，正向交流:)
沒有留言:
張貼留言