谷歌地圖應用程式介面:修訂版本之間的差異
出自六年制學程
(→導入) |
(→基本地圖建構) |
||
第 6 行: | 第 6 行: | ||
<pre>var 變數名=new google.maps.LatLng(37,104);</pre> | <pre>var 變數名=new google.maps.LatLng(37,104);</pre> | ||
傳回字串:(37,104),前者為緯度,後者為經度。 | 傳回字串:(37,104),前者為緯度,後者為經度。 | ||
− | <pre> | + | <pre>地圖物件(通常叫map)=new google.maps.Map(document.getElementById('div名'),JSON值);</pre> |
傳回地圖物件,其基本性質由JSON值描述: | 傳回地圖物件,其基本性質由JSON值描述: | ||
:zoom:縮放級數, | :zoom:縮放級數, | ||
:center:(緯度,經度), | :center:(緯度,經度), | ||
:mapTypeId:google.maps.MapTypeId.TERRAIN | :mapTypeId:google.maps.MapTypeId.TERRAIN | ||
− | <pre></pre> | + | <pre>多邊形物件=new google.maps.Polygon(JSON值);</pre> |
+ | JSON值描述: | ||
+ | :paths:(緯度,經度),(緯度,經度),…, | ||
+ | :strokeColor:'#色碼', | ||
+ | :strokeOpacity:0.8, | ||
+ | :strokeWeight:2, | ||
+ | :fillColor:'#色碼', | ||
+ | :fillOpacity:0.35 | ||
<pre></pre> | <pre></pre> | ||
<pre></pre> | <pre></pre> | ||
<pre></pre> | <pre></pre> |
2018年5月12日 (六) 09:06的修訂版本
導入
<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