加载离线的谷歌地图

利用离线GoogleMapAPIV3加载本地谷歌地图并添加标注

一、准备工作

下载GoogleMapAPIV3.rar。

二、下载地图

首先通过水经注下载器把谷歌卫星地图下载下来。可以参考http://jingyan.baidu.com/article/c35dbcb0cd37208917fcbc45.html

三、地图引擎部署

第一步：将附件中的“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添加完成。