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

最新推荐文章于 2025-03-30 16:48:46 发布
最新推荐文章于 2025-03-30 16:48:46 发布
阅读量9.2k 收藏 5
点赞数
分类专栏： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37701443/article/details/80665927
版权

需要用到的工具：
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调用参数

参数名必填参数说明示例
type是0：使用URL传递的数据
1：使用地图检索数据，支持region和nearby检索。参考 WebService API - 地点搜索
2：使用自有定制数据[暂未开放，后续会陆续支持]		type=0
marker是marker参数的格式：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>

效果图：


微信小程序 - 最新详细实现集成腾讯地图配置流程及使用教程，基于腾讯位置服务做地图标点展示、获取用户当前省市区定位(城市名称)、ip属地定位、精确经纬度数据、逆向解析、搜索地点、位置定位等（示例代码）
王二红
07-24 5813
微信小程序，腾讯地图，报错解决，sdk，详细教程，定位，ip，位置，城市名，省市区，经纬度，小程序中使用腾讯地图，使用腾讯地图API，跨域问题，小程序项目中使用腾讯地图sdk，如何通过ip获取其地址、经纬度、详细地址，腾讯地图跨域解决方法，原生小程序引入腾讯地图，如何植入腾讯地图，配置，植入腾讯地图SDK，怎么用腾讯地图，微信小程序IP属地定位，获取当前用户位置名称，如何使用腾讯地图获取用户的定位位置，在小程序中使用腾讯地图,实现定位,距离计算,实时搜索,地址逆解析，根据经纬度显示位置，sdk(解析经纬度)
vue已知商家位置调用高德、百度和腾讯地图显示商家位置和导航（a标签href在url后拼接参数）
weixin_40679578的博客
11-20 1445
需求和效果图如下，点击图片，根据坐标显示出商家的位置和名字，上面还有一排路线规划 点击图片后选择地图 高德地图效果图 百度地图 腾讯地图： 最开始看的高德，有vueamap文档，去高德官网配了key查了半天，弄出来了个路线规划，但是发现并没有实用，只要一个路线规划（就是两个点它能自动规划路线）没有方向。于是就换了种形式，发现特别简单，就是通过url跳过去调用第三方就行 可以看看腾讯的就大概...
从理论到实践：WGS84与GCJ02坐标系详解及腾讯API坐标转换指南，奥维地图坐标转换
最新发布
主要分享一些编程语言、AI应用学习日常
03-30 1207
通过腾讯位置服务的坐标转换API，开发者可以快速、合法地将WGS84坐标转换为GCJ02坐标，解决国内地图应用的偏移问题。本文从理论解析到代码实践，提供了完整的解决方案，同时也强调了安全合规的重要性。无论是个人项目还是企业应用，遵循官方接口和数据安全规范都是长期稳定运行的关键。扩展阅读腾讯坐标转换接口官方文档中国地理信息加密政策解读希望这篇博客能帮助你在处理地理坐标时少走弯路。如果有更多技术问题，欢迎留言讨论！
使用拼接URL显示指定定位（腾讯地图）
weixin_48226213的博客
05-11 1444
最近碰到需求，做某个单位的官网，显示地址栏，点击跳转到导航到该单位的地址，使用腾讯地图api实现： 1、先使用腾讯地图提供的坐标拾取器（腾讯位置服务 - 立足生态，连接未来），此工具免登录可直接使用，即可获取拼接url的三个参数：title、coord、addr 2、即可拼接直接跳转导航的url https://mapapi.qq.com/web/mapComponents/locationMarker/v/index.html?type=0&marker=coord:23.10647,1
腾讯、百度、高德、谷歌、天地图地图瓦片
qq_51424616的博客
11-17 5376
以下是各地图的瓦片地图地址，可以在QGIS中加载，也可以在openlayer或leaflet前端页面中加载。 腾讯、百度、高德，加上谷歌和天地图应该足够用了。 腾讯、高德是GCJ02坐标系，百度是BD09坐标系，谷歌、必应是WGS84坐标系，天地图是CGCS2000坐标系，瓦片地图都是平面墨卡托投影。WGS84和CGCS2000坐标系，近似认为它们相等就可以了。 高德路网： https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z=.
在线地图url资源
sinat_32370385的博客
11-28 3592
在线地图瓦片资源url整理
根据URL参数显示网站地图
daxun5508的博客
05-27 350
一 写法一：1. 网站地图文件Web.sitemap<?xml version="1.0" encoding="utf-8" ?><siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > <siteMapNode url="~/Default.aspx" title...
js腾讯地图api获取坐标位置特效代码
03-20
在实际开发中，为了更好地理解和使用腾讯地图API，可以参考提供的“使用帮助.txt”文档，或通过“谷普下载.url”和“说明.url”链接获取更详细的信息。同时，“jiaoben181310”可能是示例代码或项目文件，建议结合...
腾讯地图海外api文档
07-09
4. **地图展示**：当前仅开放SDK产品，支持Android和iOS平台，下载地址分别为： - Android: [http://lbs.qq.com/android_v1/index.html](http://lbs.qq.com/android_v1/index.html) - iOS: ...
uni-app 支持多端第三方地图定位的方法
11-30
若均无，则打开腾讯地图（uni自带方法：uni.openLocation） 其它端打开腾讯地图（uni自带方法：uni.openLocation） demo 源码：https://github.com/yapeee/uni-components 测试数据： wgs84: 39.9078008469, 116....
ios url地图调用 调用三方地址看我就行
sinat_36521092的博客
08-16 1463
花了半天时间研究oc中用url调用地图的方法，api文档找的真心累，费话不多说了，直接上代码： demo： 在oc中url调用oc地图，主要分为二步，1，白名单的添加 2，代码调用 先说...
卫星图在线浏览地址大全
z793837435的博客
07-13 2238
mapbox: https://www.mapbox.com/contribute/ 包含：卫星影像、电子地图 mapquest： http://www.mapquest.com 包含：卫星影像 Arcgis ： https://livingatlas.arcgis.com/wayback 包含：卫星影像、历史影像 Arcgis Online：http://services.arcgisonline.com 包含：卫星影像、电子地图、地形图
WGS84转腾讯地理坐标系，并将经纬坐标转化为腾讯地图地址
ZLZQ_Yuan
05-28 9726
项目后台使用的坐标系是WGS1984，但是小程序使用的是腾讯地图。我想要将84坐标转化为具体的地址存储在数据库中，供小程序使用。就需要先将84-》腾讯地图使用的坐标系-》腾讯地图地址。 note：在网上找了很多实现的方法，大部分都没有啥用，各种报错，找到了比较好的是下面这种。 如果有疑惑，可以查看文章底部的源代码。 效果图如下： 1.关于坐标体系简介如下。代码大胆copy，一个都不用改。 因为感觉各种体系转换总有一天能用上，所以就都没删，需要哪个用copy哪个嘛。...
调用各地图h5页打点url及参数
IT小智博客
09-02 1349
调用各地图h5页打点url及参数 腾讯 https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&pointx=117.751&pointy=39.0282&name=诚源堆场&addr=天津市滨海新区保税区北港路东150米&ref=WeChat http://apis.map.qq.com/tools/poimarker?type=0&marker=coord:39.0282,1
高德谷歌腾讯天地图地图瓦片url
热门推荐
吴道简的博客
05-06 2万+
以下是各地图的瓦片地图地址，可以在QGIS中加载，也可以在openlayer或leaflet前端页面中加载。 腾讯、百度、高德，加上谷歌和天地图应该足够用了。 腾讯、高德是GCJ02坐标系，百度是BD09坐标系，谷歌、必应是WGS84坐标系，天地图是CGCS2000坐标系，瓦片地图都是平面墨卡托投影。WGS84和CGCS2000坐标系，近似认为它们相等就可以了。 高德路网： https://w...
在js或者App中，调起第三方地图产品（URI API）的汇总
沧海龙腾LV的博客
03-29 1万+
URI API是为开发者提供直接调起第三方地图产品（Web地图、地图手机客户端）以满足特定业务场景下应用需求的程序接口，开发者只需按照接口规范构造一条标准的URI，便可在PC和移动端浏览器或移动开发应用中调起第三方地图产品，进行地图展示和检索、线路查询、导航等功能，无需进行复杂的地图功能开发。一、百度地图URI API地图调起API，官方连接地址：http://lbsyun.baidu.com/i...
腾讯地图地址解析
echo_just_do_it的博客
07-25 3106
首先到腾讯地图开放平台申请自己的账号 https://lbs.qq.com/ 在账号里面的 里面配置 只有授权了的域名或者ip才能使用该key (注意：开发者信息而非企业信息，key的使用是要手一些限制的，例如每秒请求次数之类的，详情可以去开发者平台上去看) /*** * 腾讯地图地址解析 * @param $address * @return mixed */ public ...
html5页面中添加腾讯地图api
开心大表哥
04-22 1万+
html5页面中添加腾讯地图api： 点击地图出现详细的地图： 这是一个基于微信端的地图处理方案。 先看看html架构： &lt;a id="aToMap" href=""&gt; &lt;div class="map" id="map-container"&gt; &lt;/div&gt; &lt;/a&gt; &lt;
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值