close
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#map{
width: 500px;
height: 500px;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
function init(){
var ROADMAP = new google.maps.Map(document.getElementById('map'),{
center: new google.maps.LatLng(23.563397,120.472856),
mapTypeId:google.maps.MapTypeId.ROADMAP,
zoom:13,
panControl:false, //不可水平移動
zoomControl:true, //有縮放鈕
zoomControlOptions:{
style:google.maps.ZoomControlStyle.SMALL,//小按鈕 可選LARGE
position:google.maps.ControlPosition.TOP_RIGHT //放右上方
},
mapTypeControl:true, //可以切換街道和衛星
mapTypeControlOptions:{
style:google.maps.MapTypeControlStyle.DROPDOWN_MENU ,//下拉式選單
//可選：HORIZONTAL_BAR和DEFAULT
position:google.maps.ControlPosition.TOP_LEFT //放左上方
},
scaleControl:true,//顯示地圖刻度
scaleControlOptions:{
position:google.maps.ControlPosition.TOP_CENTER //上方中間
},
streetViewControl:false, //不可拖拉小橘人到地圖
overviewMapControl:false, //不顯示較大區域的縮圖
})
};
</script>
<script src="http://maps.googleapis.com/maps/api/js?callback=init"></script>
</body>
</html>
全站熱搜
留言列表
伺服器架設 (1)
