前端使用高德地图url实现地图定位

最新推荐文章于 2024-07-23 13:57:46 发布
最新推荐文章于 2024-07-23 13:57:46 发布
阅读量5.6k 收藏 5
点赞数
分类专栏： 前端学习 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/grand_brol/article/details/122562524
版权

前言

最近公司需要实现类似下面链接，地图定位功能
https://mobile.zhidianfan.com/yiding/web-share.html?batchNo=pc202201110068074&businessId=4080
通过在高德地图一番寻找发现
可以通过使用一个url直接实现，不要ak
链接

https://uri.amap.com/marker?position=经纬度&name=名称

实例

https://uri.amap.com/marker?position=116.39728,39.913904&name=gugong

实际效果
在这里插入图片描述

Londing...
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
腾讯、百度、高德、谷歌、天地图地图瓦片
qq_51424616的博客
11-17 4821
以下是各地图的瓦片地图地址，可以在QGIS中加载，也可以在openlayer或leaflet前端页面中加载。 腾讯、百度、高德，加上谷歌和天地图应该足够用了。 腾讯、高德是GCJ02坐标系，百度是BD09坐标系，谷歌、必应是WGS84坐标系，天地图是CGCS2000坐标系，瓦片地图都是平面墨卡托投影。WGS84和CGCS2000坐标系，近似认为它们相等就可以了。 高德路网： https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z=.
H5唤起地图导航路线，唤起高德地图app,百度地图，腾讯
wwf1225的博客
10-18 5458
from=${usrLon},${usrLat},我的位置&to=${lonEnd},${latEnd},${destination}&mode=driving&policy=1&src=mypage&coordinate=gaode&callnative=1 // 高德。const latStart='30', lonStart='120', latEnd = '31', lonEnd = '121', cityStart = '杭州市', cityEnd = '上海市';
15个在线地图瓦片URL分享
最新发布
07-23 1072
在“添加图源”界面中，可设置地图名称和地图类型，并务必输入正确的地图URL、地图投影与瓦片大小等相关参数。PC版最大的优点就是可以进行数据下载，还可以导出大图、瓦片和离线包等多种格式，当然也支持地图标注，功能丰富。这里可以填写以上分享的任何一个URL地址，这里以海洋渲染图为例，设置完成之后即可以查看相应的在线地图。》一文中为你分享了10个地图瓦片URL链接，现在再为你分享5个在线的瓦片地图URL图源！本文为你分享了15个在线瓦片地图URL，以及如何将这些URL生成二维码图源及使用的方法。
URL调用高德地图导航
hiro_1015的博客
07-04 9555
http://uri.amap.com/navigation?from=" + fromLongitude + "," + fromLatitude + "&to="+ longitude + "," + latitude + "&mode=car&src=nyx_super; fromLongitude ,fromLatitude : 起始点经纬度 longitud...
5个在线地图瓦片URL分享
07-10 684
数据是GIS的血液，现在为你分享5个在线的瓦片地图URL图源！ 该在线地图瓦片URL支持在GIS软件或开发平台进行调用，比如ArcGIS、QGIS、GlobalMapper、Openlayer或leaflet等。 5个在线瓦片地图URL 现在为你分享5个在线地图瓦片的URL，并为你展示它们在水经微图（简称“微图”）中的加载效果。 （1）高德卫星影像URL https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&
使用高德地图获得经纬度坐标
三口酥屋
12-30 4195
一. 创建config配置 gaode.php return [ 'geocode' => 'https://restapi.amap.com/v3/geocode/geo?key=你的key&address=%s&city=%s' ]; 二. 安装Guzzle-http插件 Guzzle-http:Guzzle, PHP HTTP 客户端 — Guzzle中文文档 composer require guzzlehttp/guzzle 三. 创建自定义函.
几个地图（高德、百度、Apple、Google）URL API
热门推荐
cooldragon的专栏
03-06 2万+
1、高德地图 示例（iOS）： iosamap://navi?sourceApplication=applicationName&backScheme=applicationScheme&poiname=fangheng&poiid=BGVIS&lat=36.547901&lon=104.258354&dev=1&style=2 详细官方接口说明： http://code.auto
高德地图地址经纬度转化 URL
huojiahui22的博客
06-01 5216
//======================高德地址转化经纬度================================ $url="http://restapi.amap.com/v3/geocode/geo?key=24093759557484a89e27d5cd3443b388&address=北京市海淀区上地三街金隅嘉华大厦"; $arr=file_get_cont
amap vueamap 与_vue-amap(vue 地图)
weixin_39792472的博客
12-20 229
昨天把vue的地图(高德)搞了下：步骤：1.去高德开发者平台申请key；2.安装vue-amap；3.使用组件调用地图1.npm安装vue-amapnpm install vue-amap --save2.在项目main.js引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap);// 初始化vue-amapAMap.initAMapApiLoade...
调用百度Api根据省市区名称获取对应经纬度
Zeti的博客
01-17 4000
好久没写博客了，最近刚好要做这样一个统计分析图，需要用到根据省市区的经纬度，下面代码是调的百度接口，缺点就是好像不能批量获取经纬度，本篇原地址
前端利用高德实时定位_web使用高德地图
weixin_33473110的博客
01-14 1518
一：根据IP获取城市axios({url: 'https://restapi.amap.com/v3/ip',method: 'post',params: {ip: '101.88.147.146',key:'官网申请Key'},}).then(function (resp) {console.log(resp.data.city);}).catch()//以上代码亲测可用二：定位用户经纬度网页域...
前端使用高德地图
weixin_72081046的博客
11-03 434
注册高德开发者账号：首先，你需要在高德开放平台（https://lbs.amap.com/）注册一个开发者账号，并创建一个应用。这些是使用高德地图的基本步骤，你还可以进一步了解高德地图API文档，以查找更多可用的功能和选项，并根据实际需求进行定制和开发。获取API Key：在创建完应用后，你会获得一个唯一的 API Key，这是用于访问高德地图 API 的凭证。以上示例创建了一个标记并将其添加到地图上。你可以根据需要添加更多的控件和覆盖物。标签内添加以下代码，引入高德地图API。
jQuery采用高德地图api开发实例特效代码
03-20
2. **高德地图API**：高德地图API是高德地图提供的一套用于开发地图应用的接口，它允许开发者将地图集成到自己的网站或应用中，实现地图显示、定位、路线规划等功能。在这个实例中，我们使用API来显示地图、接受用户...
html页面调用高德地图,html前端使用高德地图入门教程
weixin_39972777的博客
06-04 2496
文章目录开始准备工作注册Key前期页面上的准备插件使用插件使用步骤引入插件定位自定义地图显示位置和缩放级别添加实时路况图层获取定位信息(需要使用插件)浏览器定位IP定位获取当前城市信息覆盖物添加覆盖物获取覆盖物覆盖物的操作图层设置图层获取图层移除图层3D地图未完待续...开始准备工作注册Key如果开发者账号包括Key已经有了，请忽略此步骤首先，注册开发者账号，成为高德开放平台开发者登陆之后，在进入...
uniapp - [安卓|苹果]实现App端引入高德地图，详细获取当前用户手机定位、两个地点的路线规划及相关示例代码，uniapp安卓Android平台软件下使用高德地图，获取当前位置信息及规划路线
高级前端工程师
02-20 3624
uniapp，高德地图，安卓app端，苹果ios系统端，安卓苹果app，高德地图路线规划，uniapp app高德地图，获取当前位置信息，获取用户当前定位，uniapp软件APP如何使用高德地图并获取用户位置，uniapp实现获取用户位置信息（经纬度），通过高德地图和腾讯地图解析，uniapp开发APP使用高德实现定位，uniapp使用高德地图路径规划，uniapp使用高德地图定位打包成安卓app，引入高德地图报错不显示怎么办，高德地图位置无法获取，出现报错警告错误，规划路线，如何使用高德规划路线两个地点的
java 高德地图数据库_SpringBoot整合Mybatis实现高德地图定位并将数据存入数据库的步骤详解...
weixin_42523907的博客
03-05 1195
第一步配置yml文件server:port: 8080spring:datasource:username: rootpassword: 123456url: jdbc:mysql://localhost:3306/spring?useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=UTCdri...
amap高德地图利用uri api实现商家名片、去这里的功能
阿不的专栏
08-19 7410
高德地图web api使用过程中，经常需要在地图为某个商家标注marker，自然而然就有了点击marker弹出“导航去商家”的需求。 以前在amap的开发社区一直找这个接口，因为开发过程中我们都是使用javascript api进行业务开发，所以总是在js api中寻找，实际高德专门准备了uri api实现商家名片、去这里的功能。 高德地图URI API地址：http://lbs.amap.c
iOS 调起地图App进行导航（百度，高德，系统自带高德）URL API方式
ruglcc's blog
07-25 1万+
在开发中需要用到地图。有两种方法，一种是导入地图 （百度，高德）地图 SDK，一种是使用调起 客户端。 但是需要用到一些高级功能的时候，如果使用 SDK 开发，就是一件折磨人的事情。 SDK 还是不如直接使用他们原生的 APP 来的好！ 以我在开发中使用导航功能为例，我就没有使用 SDK 进行开发，而是直接调用 （百度，高德，系统自带高德）APP。这样还给了客户多重选择。更加减少了引入
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值