详细的参数说明表:
接口名称 | 默认值 | 详细接口说明 |
skin | default | 皮肤样式,目前有 default 和 collapse 两种皮肤方案 |
theme | blue | 主题样式,即颜色主体,目前有 blue 、 darkslateblue 、 golden 、 gray 、 green 、 purple 、 red 、 yellow 八种颜色主题 |
showsmc | 1 | 显示导航控件(骨头棒)的类型,0 为不显示任何导航控件,1 为显示标准导航控件,2 为显示简单导航控件,3 为显示迷你导航控件 |
showovm | 1 | 是否显示鹰眼地图,0 为不显示,1 为显示 |
showetd | 1 | 是否显示地图扩展功能模块,目前有地图搜索,周边查询,公交查询,驾驶导航4个功能模块, 0 为不显示, 1 为显示在地图左边, 2 为显示在地图右边 |
topic | psbn | 加载哪些功能模块,以及显示的顺序,由n、b、s、p四个字母中的一个或多个按照选定的顺序组合而成,其中 p (placelist)代表地图搜索模块, s (search)代表周边查询模块, b (bus)代表公交查询模块, n (nav)代表驾驶导航模块 |
ettopic | p | 默认激活哪一个功能模块, p (placelist)代表地图搜索模块, s (search)代表周边查询模块, b (bus)代表公交查询模块, n (nav)代表驾驶导航模块 |
showtools | 1 | 是否显示辅助工具栏,即测距、测面、保存、打印地图等工具栏按钮, 0 为不显示,1 为显示 |
showrgeo | 1 | 是否在拖动地图时实时的显示地图中心位置的行政区划信息, 0 为不显示,1 为显示 |
lng | 中心点经度,例如 11648912 | |
lat | 中心点纬度,例如 3990570 | |
zoom | 默认打开地图的缩放等级,例如 3 | |
city | 指定默认打开的城市,如果没有指定中心点坐标,将会自动定位到该城市中心,如果该城市支持搜索,则会被设置为默认的搜索城市,可以使用名称(例如 北京)、区号(例如 010 )、拼音(例如 beijing )等多种方式来指定城市 | |
name | 如果想在中心点处显示一个标记,指定标记的名称,例如 北京灵图软件技术有限公司 | |
addr | 如果想在中心点处显示一个标记,指定标记的详细地址,例如 中关村软件园5121信箱汉王科技大厦2F | |
site | 如果想在中心点处显示一个标记,指定标记的网址,例如 http://www.51ditu.com |
调用方法:
1 <iframe src="http://api.51ditu.com/iframe/newmapwindow.html?city=shanghai&theme=gray&ettopic=placeList&showetd=1&showtools=1&showsmc=1&showovm=1&lng=12146045&lat=3102625&zoom=6&name=%E4%B8%9C%E5%B7%9D%E8%B7%AF%E8%99%B9%E6%A2%85%E5%8D%97%E8%B7%AF&addr=%E4%B8%9C%E5%B7%9D%E8%B7%AF%E8%99%B9%E6%A2%85%E5%8D%97%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3" width="775" height="503" SCROLLING="no" frameborder="0"></iframe>
将上面这段代码添加到你页面的中,即可。
PS:目前该版本地图插件存在BUG,当使用WEB中最普及的 Iframe 嵌入方式时(如:<iframe src="http://api.51ditu.com/iframe/newmapwindow.html?city=shanghai&theme=gray&topic=psbn&ettopic=b&showetd=1&showtools=1&showsmc=1&showovm=1&lng=12146045&lat=3102625&zoom=6&name=%E4%B8%9C%E5%B7%9D%E8%B7%AF%E8%99%B9%E6%A2%85%E5%8D%97%E8%B7%AF&addr=%E4%B8%9C%E5%B7%9D%E8%B7%AF%E8%99%B9%E6%A2%85%E5%8D%97%E8%B7%AF%E4%BA%A4%E5%8F%89%E5%8F%A3" width="775" height="503" SCROLLING="no" frameborder="0"></iframe>),当ettopic参数设为s、b、n而非默认的p时,中心点坐标定位就会出错。
图一(错误):
图二(正确定位应该是在图中标记处位于地图中心位置):
专注前端开发,分享&交流技术经验 by 付诸行动
Copyright © 2009-2010 分享前端开发技术博文、工作心得,技术交流
Gtalk: agikoo@gmail.com QQ交流群: 101232616
http://uecode.com/
Copyright © 2009-2010 分享前端开发技术博文、工作心得,技术交流
Gtalk: agikoo@gmail.com QQ交流群: 101232616
http://uecode.com/