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

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

一、准备工作

下载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添加完成。