谷歌地圖應用程式介面：修訂版本之間的差異
出自六年制學程
（地理編碼服務） |
（→參考資料） |
||
| 第 32 行： | 第 32 行： | ||
==參考資料== | ==參考資料== | ||
*[https://developers.google.com/maps/documentation/javascript/?hl=zh-tw 教學文件入口] | *[https://developers.google.com/maps/documentation/javascript/?hl=zh-tw 教學文件入口] | ||
| − | *#[https://developers.google.com/maps/documentation/javascript/adding-a-google-map?hl=zh-tw ] | + | *#[https://developers.google.com/maps/documentation/javascript/styling?hl=zh-tw 設定地圖樣式] |
| + | *#[https://developers.google.com/maps/documentation/javascript/adding-a-google-map?hl=zh-tw 新增標記] | ||
*#[https://developers.google.com/maps/documentation/javascript/markers?hl=zh-tw 繪製標記] | *#[https://developers.google.com/maps/documentation/javascript/markers?hl=zh-tw 繪製標記] | ||
*#[https://developers.google.com/maps/documentation/javascript/examples/polyline-simple?hl=zh-tw 繪製polyline] | *#[https://developers.google.com/maps/documentation/javascript/examples/polyline-simple?hl=zh-tw 繪製polyline] | ||
2018年6月13日 (三) 10:26的修訂版本
語法
導入
<script type='text/javascript' src='http://google.com/maps/api/js?sensor=false'></script>
基本地圖建構
var 座標點=new google.maps.LatLng(37,104);
傳回字串：(37,104)，前者為緯度，後者為經度。
地圖物件(通常叫map)=new google.maps.Map(document.getElementById('div名'),JSON值);
傳回地圖物件，其基本性質由JSON值描述：
- zoom:縮放級數,
- center:(緯度,經度),
- mapTypeId:google.maps.MapTypeId.TERRAIN
畫多邊形
多邊形物件=new google.maps.Polygon(JSON值);
JSON值描述：
- paths:陣列(緯度,經度),(緯度,經度),…,
- strokeColor:'#色碼',
- strokeOpacity:0.8,
- strokeWeight:2,
- fillColor:'#色碼',
- fillOpacity:0.35
多邊形物件.setMap(地圖物件);
將多邊形塞入地圖中
地圖物件.setCenter(字串(緯度,經度))
改變地圖的中心點
map.setZoom(整數縮放級數);
改變地圖的縮放級數
