腾讯地图 通过url展示定位地图

需要用到的工具:
1位置展示组件 http://lbs.qq.com/tool/component-marker.html

2坐标拾取器 http://lbs.qq.com/tool/getpoint/index.html
步骤:

第一步:在坐标拾取器里面输入你的当前位置
比如 北京市海淀区复兴路32号院,找到该位置对应的coord坐标,也就是经纬度
截图下来然后记录坐标
coord:39.96554,116.26719

第二步:调用参数(以下信息拷贝至腾讯地图位置展示组件)

1使用URL传递数据

1.1调用地址

http://apis.map.qq.com/tools/poimarker?type=0&marker=coord:39.96554,116.26719;title:成都;addr:北京市海淀区复兴路32号院|coord:39.87803,116.19025;title:成都园;addr:北京市丰台区射击场路15号北京园博园|coord:39.88129,116.27062;title:老成都;addr:北京市丰台区岳各庄梅市口路西府景园六号楼底商|coord:39.9982,116.19015;title:北京园博园成都园;addr:北京市丰台区园博园内&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp

1.2调用参数

参数名必填参数说明示例
type0:使用URL传递的数据
1:使用地图检索数据,支持region和nearby检索。参考 WebService API - 地点搜索
2:使用自有定制数据[暂未开放,后续会陆续支持]
type=0
markermarker参数的格式:marker=markerAttributes|markerAttributes,每个markerAttributes定义了一个标注的全部属性,markerAttributes之间以"|"分隔。markerAttributes格式:coord:lat,lng;title:标注点名称;addr:标注点地址。不同属性之间用英文分号隔开,属性名称和属性值之间用英文冒号隔开。特别提醒,URL中最多传递4个marker信息,且每个marker中title和addr的长度不能超过10个汉字。单点标注:
marker=coord:39.892326,116.342763;title:超好吃冰激凌;addr:手帕口桥北铁路道口
多点标注:
marker=coord:39.96554,116.26719;title:成都;addr:复兴路32号院|coord:39.87803,116.19025;title:成都园;addr:北京园博园
marker属性集
coord位置点的坐标:lat,lng(英文逗号隔开)
这里的坐标是火星坐标,可用坐标拾取器获取
coord:39.892326,116.342763
coordtype输入的coord坐标类型
可选值为[1,6]之间的整数,每个数字代表的类型说明:
1. GPS坐标
2. sogou经纬度
3. baidu经纬度
4. mapbar经纬度
5. [默认]腾讯、google、高德坐标
6. sogou墨卡托
coordtype:5
title位置点名称title:超好吃冰激凌
addr位置点地址addr:北京市手帕口桥北铁路道口
init_view初始化显示视图,默认:显示地图 2:显示列表,此参数只在多点标注下生效init_view=2
key开发密钥(key)key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77
referer调用来源,一般为您的应用名称,为了保障对您的服务,请务必填写!referer=myapp

解释如下:
调用地址(使用最长的那个url,因为你参数传递的越多,定位越精确,而缺少某个参数,调用url时会报错): http://apis.map.qq.com/tools/poimarker?type=0&marker=coord: 39.9982,116.19015;title:北京园博园成都园;addr:北京市丰台区园博园内&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp
固定写法:http://apis.map.qq.com/tools/poimarker?type=0&marker=coord:**;title:**;addr:**&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp
其中的**为自定义字段
上面说的coord是在坐标拾取器里面获取坐标,对应替代上面的第一个**
title就是你给你取的位置设置一个名字,对应替代上面的第二个**
addr就是你给你取的位置设置一个地址,对应替代上面的第三个**
注:一般而言,后面的key和referer字段我们都可以设置为默认,如有特殊需求请自行更改
第三步:实战
jsp页面:
<div class="col col23 no_margin_right">
         <div class="map_border">
                <iframe width="430" height="340" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://apis.map.qq.com/tools/poimarker?type=0&marker=coord:30.436367,114.263488;title:南三舍;addr:武汉市洪山区青菱街黄家湖西路武汉科技大学&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp"></iframe></div>
        </div>

效果图:


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值