「谷歌地圖應用程式介面」修訂間的差異

出自六年制學程
跳至導覽 跳至搜尋
 
（未顯示同一使用者於中間所作的 7 次修訂）
第1行： 第1行：
 
[[分類:GIS]]
 
[[分類:GIS]]
 +
 +
==語法==
 
===導入===
 
===導入===
 
<pre>&lt;script type='text/javascript' src='http://google.com/maps/api/js?sensor=false'&gt;&lt;/script&gt;</pre>
 
<pre>&lt;script type='text/javascript' src='http://google.com/maps/api/js?sensor=false'&gt;&lt;/script&gt;</pre>
  
 
===基本地圖建構===
 
===基本地圖建構===
−
<pre>var 變數名=new google.maps.LatLng(37,104);</pre>
+
<pre>var 座標點=new google.maps.LatLng(37,104);</pre>
 
傳回字串：(37,104)，前者為緯度，後者為經度。
 
傳回字串：(37,104)，前者為緯度，後者為經度。
 
<pre>地圖物件(通常叫map)=new google.maps.Map(document.getElementById('div名'),JSON值);</pre>
 
<pre>地圖物件(通常叫map)=new google.maps.Map(document.getElementById('div名'),JSON值);</pre>
第11行： 第13行：
 
:center:(緯度,經度),
 
:center:(緯度,經度),
 
:mapTypeId:google.maps.MapTypeId.TERRAIN
 
:mapTypeId:google.maps.MapTypeId.TERRAIN
 +
 +
===畫多邊形===
 
<pre>多邊形物件=new google.maps.Polygon(JSON值);</pre>
 
<pre>多邊形物件=new google.maps.Polygon(JSON值);</pre>
 
JSON值描述：
 
JSON值描述：
−
:paths:(緯度,經度),(緯度,經度),…,
+
:paths:陣列(緯度,經度),(緯度,經度),…,
 
:strokeColor:'#色碼',
 
:strokeColor:'#色碼',
 
:strokeOpacity:0.8,
 
:strokeOpacity:0.8,
第19行： 第23行：
 
:fillColor:'#色碼',
 
:fillColor:'#色碼',
 
:fillOpacity:0.35
 
:fillOpacity:0.35
−
<pre></pre>
+
<pre>多邊形物件.setMap(地圖物件);</pre>
−
<pre></pre>
+
將多邊形塞入地圖中
−
<pre></pre>
+
<pre>地圖物件.setCenter(字串(緯度,經度))</pre>
 +
改變地圖的中心點
 +
<pre>map.setZoom(整數縮放級數);</pre>
 +
改變地圖的縮放級數
 +
 
 +
==參考資料==
 +
*[https://developers.google.com/maps/documentation/javascript/?hl=zh-tw 教學文件入口]
 +
*#[https://developers.google.com/maps/documentation/javascript/maptypes?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/examples/polyline-simple?hl=zh-tw 繪製polyline]
 +
*#[https://developers.google.com/maps/documentation/javascript/geocoding?hl=zh-tw 地理編碼服務]
 +
*#[https://developers.google.com/maps/documentation/javascript/geocoding?hl=zh-tw#GeocodingAddressTypes 地理編碼服務/地址元件類型]
 +
*#[https://developers.google.com/maps/documentation/geocoding/start?hl=zh-tw 地理編碼 Web 服務]
 +
*#[https://developers.google.com/maps/documentation/javascript/mysql-to-maps?hl=zh-tw 用 MySQL 與 PHP 來搭配 Google 地圖 ]

於 2018年6月13日 (三) 10:30 的最新修訂


語法

導入

<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(整數縮放級數);

改變地圖的縮放級數

參考資料

取自「http://jendo.synology.me/wiki1231/index.php?title=谷歌地圖應用程式介面&oldid=41258」