GoogleMapAPI是谷歌地圖最新版的離線開發(fā)包,它可以支持谷歌地圖的離線開發(fā),里面包含API,gapi3,例tilemap子:demo.html,支持用Chrome瀏覽器直接打開。
【使用說明】
一、準(zhǔn)備工作
下載GoogleMapAPIV3.rar。
二、下載地圖
首先通過水經(jīng)注下載器把谷歌衛(wèi)星地圖下載下來。
三、地圖引擎部署
第一步:將附件中的“GoogleMapAPIV3.rar”下載后解壓到“D:\Test”目錄。 ?下載地址:http://download.csdn.net/detail/zss793648186/8404603
第二步:將下載的瓦片文件拷貝到“D:Test”目錄,并將“瓦片_GoogleMapTiles”重命名為“data”,如下圖所示。
第三步:在瀏覽器中打開
“D:\Test\GoogleMapAPIV3\Example_GoogleMapAPI.html”,如果操作無誤,將會(huì)顯示離線的衛(wèi)星地圖,如下圖所示。
第四步:寫代碼添加標(biāo)注
準(zhǔn)備兩張標(biāo)記圖片命名為“image1”“image2”,放在GoogleMapAPI3目錄下。
使用記事本打開“Example_GoogleMapAPI.html ”網(wǎng)頁源碼,如下圖
找到“function initialize() ”,在最后寫入添加marker的代碼,例如
//向地圖添加marker
var myLatlng1 = new google.maps.LatLng(35,110);
var myLatlng2 = new google.maps.LatLng(30,103);
var image1='image1.png';
var image2='image2.png';
var marker1 = new google.maps.Marker({
position:myLatlng1,
map:map,
icon:image1,
title:“image1”
});
varmarker2 = new google.maps.Marker({
position:myLatlng2,
map:map,
icon:image2,
title:“image2”
});
保存源文件,在瀏覽器中打開“Example_GoogleMapAPI.html ”
至此加載Google地圖,marker添加完成。