Google Map API使用详解（十）——使用JavaScript创建地图详解（上）
在網(wǎng)頁MyTest1.html中我們已經(jīng)使用了JavaScript來創(chuàng)建地圖，下面總結(jié)一下使用JavaScript創(chuàng)建一個地圖的核心步驟：
1、??導(dǎo)入地圖API類庫。
<script src="http://ditu.google.com/maps?file=api&hl=zh-CN&v=2&key=YOUR_API_KEY"
type="text/javascript">
</script>
注意這里的參數(shù)key，我在以前的文章里已經(jīng)詳細(xì)解釋過了，如果你只是在本地運行，暫時可以隨便使用一段字符串。
?
2、??在頁面的body元素中定義一個地圖容器。
<body>
<div id="mapContainer" style="height:400px; width:400px;"></div>
</body>
這個地圖容器一般使用div元素來定義，如果你愿意，使用p元素或者其他你能想到的元素都可以，但是都應(yīng)該是塊元素，并且必須定義它的id，保證在后面的步驟里能夠通過document.getElementById找到這個元素。
容器的style屬性在這里是用來定義這個容器的大小，從而決定所顯示地圖的大小，當(dāng)然，如果你在這里不定義也可以通過其他的手段來達到目的，這里暫且先認(rèn)為這個style的定義和id屬性一樣也是必不可少的吧。
其實body元素在這里也有一些特殊的作用，就是保證下一步驟在頁面的html元素全部加載結(jié)束后再執(zhí)行。
?
3、定義你自己的script區(qū)域，在里面new一個GMap2對象，并且指定其顯示所需的兩個基本要素：中心、縮放層次。
<script type="text/javascript">
var map = new GMap2(document.getElementById("mapContainer"));
map.setCenter(new GLatLng(39.970981,116.314108), 16);
</script>
前面已經(jīng)講過，GMap2是谷歌地圖API中最重要的核心類，對應(yīng)在頁面上顯示的地圖，所有對地圖的操作都需要在已經(jīng)創(chuàng)建（new）了GMap2對象的基礎(chǔ)上才能夠進行。在調(diào)用GMap2構(gòu)造函數(shù)時使用的參數(shù)就是在上一步定義的地圖容器(DOM對象)使用document.getElementById來獲取的。
要在頁面上正常顯示地圖，僅僅調(diào)用GMap2類的構(gòu)造函數(shù)創(chuàng)建一個GMap2對象還不夠，你還需要指定這個GMap2對象的中心，通常也順便指定它的縮放層次，否則就會默認(rèn)顯示縮放層次為0。
要指定新創(chuàng)建地圖的中心，需要使用地圖API里面定義的另一個常用類GLatLng，可以把這個類簡單的認(rèn)為是對地理坐標(biāo)的封裝類，構(gòu)造函數(shù)中第一個參數(shù)是南北向的緯度，第二個參數(shù)是東西向的經(jīng)度。
調(diào)用GMap2的setCenter方法設(shè)定完地圖的中心和縮放層次，這個地圖就可以正常顯示了。
轉(zhuǎn)載于:https://www.cnblogs.com/greywolf/archive/2012/08/02/2619607.html
總結(jié)
以上是生活随笔為你收集整理的Google Map API使用详解（十）——使用JavaScript创建地图详解（上）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： OSPF在企业网的应用
- 下一篇： Spring-MVC入门(一):入门实例