谷歌地圖應用程式介面:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
基本地圖建構
基本地圖建構
第 11 行: 第 11 行:
 
: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值描述:
第 19 行: 第 20 行:
 
:fillColor:'#色碼',
 
:fillColor:'#色碼',
 
:fillOpacity:0.35
 
:fillOpacity:0.35
<pre></pre>
+
<pre>多邊形物件.setMap(地圖物件);</pre>
 
<pre></pre>
 
<pre></pre>
 
<pre></pre>
 
<pre></pre>

2018年5月12日 (六) 09:10的修訂版本

導入

<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(地圖物件);