/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
google map api離線地圖是最新版本的穀歌地圖版本的離線開發包,本離線開發包支持穀歌地圖離線開發,包含基礎API,gapi3,例tilemap子:demo.html;用火狐和chrome可直接打開,歡迎有需要此款離線地圖包的朋友們前來下載使用。
Google Map API離線地圖是穀歌地圖的最新離線開發包版本,提供穀歌最新離線開發數據,其中包括了基礎API,gapi3等數據內容,需要穀歌離線地圖API的可以在本頁下載。
1、離線地圖加載,縮小到第四級別可以看見離線地圖。
2、影像圖與路網圖疊加
3、坐標係轉換
4、兩種不同風格的軌跡回放5、添加marker點和信息
一、準備工作
下載GoogleMapAPIV3.rar。
二、下載地圖
首先通過水經注下載器把穀歌衛星地圖下載下來。
三、地圖引擎部署
第一步:將附件中的“GoogleMapAPIV3.rar”下載後解壓到“D:\Test”目錄。 下載地址:http://download.csdn.net/detail/zss793648186/8404603
第二步:將下載的瓦片文件拷貝到“D:Test”目錄,並將“瓦片_GoogleMapTiles”重命名為“data”,如下圖所示。
第三步:在瀏覽器中打開
“D:\Test\GoogleMapAPIV3\Example_GoogleMapAPI.html”,如果操作無誤,將會顯示離線的衛星地圖,如下圖所示。
第四步:寫代碼添加標注
準備兩張標記圖片命名為“image1”“image2”,放在GoogleMapAPI3目錄下。
使用記事本打開“Example_GoogleMapAPI.html “網頁源碼,如下圖
找到“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添加完成。