WebMap DIY(定制你自己的网络地图,GMapImageCutter工具推荐)
文件说明:
GMapImageCutter1.4:GMapImageCutter工具
DemoPicture:样例图片,北京师范大学平面图和北京动物园平面图
gmap:Google Maps API离线开发包,内附北京师范大学和北京动物园地图demo
预览效果:
将gmap目录拷贝到IIS的主目录下,在IE或者FireFox浏览器地址栏输入:
http://127.0.0.1/gmap/BNUmap.html
http://127.0.0.1/gmap/BeijingZoo.html
即可浏览北京师范大学和北京动物园的demo地图效果
其中北京师范大学demo地图进行了简单的修改,取消了地图自适应长宽的内容,并增加了一个marker
如果你不想使用Google Maps API离线开发包,只需要将html文件中调用的maps_my.js替换成你申请的Google Maps API的地址即可
你也可以使用GMapImageCutter切割一下两张样例图片。
1