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

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

一、准备工作

下载GoogleMapAPIV3.rar。

二、下载地图

首先通过水经注下载器把谷歌卫星地图下载下来。

三、地图引擎部署

第一步：将附件中的“GoogleMapAPIV3.rar”下载后解压到“D:\Test”目录。  下载地址：http://download.youkuaiyun.com/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.