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

最新推荐文章于 2025-03-07 10:23:08 发布
最新推荐文章于 2025-03-07 10:23:08 发布
阅读量5.9k 收藏 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

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

uniapp - [安卓|苹果]实现App端引入高德地图，详细获取当前用户手机定位、两个地点的路线规划及相关示例代码，uniapp安卓Android平台软件下使用高德地图，获取当前位置信息及规划路线
高级前端工程师
02-20 4349
uniapp，高德地图，安卓app端，苹果ios系统端，安卓苹果app，高德地图路线规划，uniapp app高德地图，获取当前位置信息，获取用户当前定位，uniapp软件APP如何使用高德地图并获取用户位置，uniapp实现获取用户位置信息（经纬度），通过高德地图和腾讯地图解析，uniapp开发APP使用高德实现定位，uniapp使用高德地图路径规划，uniapp使用高德地图定位打包成安卓app，引入高德地图报错不显示怎么办，高德地图位置无法获取，出现报错警告错误，规划路线，如何使用高德规划路线两个地点的
vue3 - 详细实现内网使用离线高德地图功能，在vue3中无需网络离线使用高德地图相关功能，高德地图如何离线加载详细教程(内网部署及使用)，提供最新完整的瓦片资源下载及相关工具（示例代码，一键复制）
高级前端工程师
08-10 1万+
vue3，高德地图，离线使用高德地图，高德地图瓦片官方下载，内网使用高德地图离线无网络，断网情况下使用高德地图，vue离线高德地图教程，内网部署高德地图，无需联网离线使用，vue3+ts实现离线高德地图 内网离线高德地图，如何在高德地图Vue3项目中下载离线地图，地图加载不出来，不显示怎么办，内网使用离线高德地图加载失败问题，vue3实现离线地图+高德瓦片，vue3高德离线地图，如何使用离线高德地图和自定义地图样式，高德离线地图的下载，怎么下载高德地图瓦片，一键把所有瓦片都下载下来，离线加载，内网部署，离线
使用高德地图获得经纬度坐标
三口酥屋
12-30 4476
一. 创建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 三. 创建自定义函.
高德地图url简介
qq_43630714的博客
10-18 2139
图源是做了偏移的，如果需要叠加WGS84坐标系的国外图源(如google影像等)会出现偏移。如果叠加的是国内的加偏的底图或者调用高德相关API则可以正常使用。这些规律并不是绝对的，有可能有的组合某些参数不起作用，典型的组合应用场景在后面列出。
Vue3项目集成高德地图API实现高精度定位【超详细傻瓜式教程】
最新发布
weixin_57190021的博客
03-07 1418
本教程将手把手教您在Vue3项目中接入高德地图，实现精确定位功能。每一步都配有截图说明，零基础也能轻松上手。
腾讯、百度、高德、谷歌、天地图地图瓦片
qq_51424616的博客
11-17 5357
以下是各地图的瓦片地图地址，可以在QGIS中加载，也可以在openlayer或leaflet前端页面中加载。 腾讯、百度、高德，加上谷歌和天地图应该足够用了。 腾讯、高德是GCJ02坐标系，百度是BD09坐标系，谷歌、必应是WGS84坐标系，天地图是CGCS2000坐标系，瓦片地图都是平面墨卡托投影。WGS84和CGCS2000坐标系，近似认为它们相等就可以了。 高德路网： https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z=.
URL调用高德地图导航
hiro_1015的博客
07-04 1万+
http://uri.amap.com/navigation?from=" + fromLongitude + "," + fromLatitude + "&to="+ longitude + "," + latitude + "&mode=car&src=nyx_super; fromLongitude ,fromLatitude : 起始点经纬度 longitud...
几个地图（高德、百度、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 5315
//======================高德地址转化经纬度================================ $url="http://restapi.amap.com/v3/geocode/geo?key=24093759557484a89e27d5cd3443b388&address=北京市海淀区上地三街金隅嘉华大厦"; $arr=file_get_cont
html页面调用高德地图,html前端使用高德地图入门教程
weixin_39972777的博客
06-04 2742
文章目录开始准备工作注册Key前期页面上的准备插件使用插件使用步骤引入插件定位自定义地图显示位置和缩放级别添加实时路况图层获取定位信息(需要使用插件)浏览器定位IP定位获取当前城市信息覆盖物添加覆盖物获取覆盖物覆盖物的操作图层设置图层获取图层移除图层3D地图未完待续...开始准备工作注册Key如果开发者账号包括Key已经有了，请忽略此步骤首先，注册开发者账号，成为高德开放平台开发者登陆之后，在进入...
vue-cli中使用高德地图的方法示例
10-17
在vue-cli项目中集成高德地图（Amap）涉及到几个关键步骤，从配置环境、获取API密钥到在Vue组件中初始化地图，并实现一些基础的交互功能。下面详细地分解这一过程中的知识点。 ### 1. 获取高德地图API密钥 开始...
jQuery采用高德地图api开发实例特效代码
03-20
2. **高德地图API**：高德地图API是高德地图提供的一套用于开发地图应用的接口，它允许开发者将地图集成到自己的网站或应用中，实现地图显示、定位、路线规划等功能。在这个实例中，我们使用API来显示地图、接受用户...
amap vueamap 与_vue-amap(vue 地图)
weixin_39792472的博客
12-20 266
昨天把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 4176
好久没写博客了，最近刚好要做这样一个统计分析图，需要用到根据省市区的经纬度，下面代码是调的百度接口，缺点就是好像不能批量获取经纬度，本篇原地址
iOS 调起地图App进行导航（百度，高德，系统自带高德）URL API方式
ruglcc's blog
07-25 1万+
在开发中需要用到地图。有两种方法，一种是导入地图 （百度，高德）地图 SDK，一种是使用调起 客户端。 但是需要用到一些高级功能的时候，如果使用 SDK 开发，就是一件折磨人的事情。 SDK 还是不如直接使用他们原生的 APP 来的好！ 以我在开发中使用导航功能为例，我就没有使用 SDK 进行开发，而是直接调用 （百度，高德，系统自带高德）APP。这样还给了客户多重选择。更加减少了引入
打开高德地图app
qq_60607143的博客
03-15 1482
let current_longitude = this.longitude //当前经度。let shop_address = item.stationname //目的地地址。let current_latitude = this.latitude //当前纬度。let shop_latitude = item.latitude //目的地纬度。et shop_longtude = item.longitude //目的地经度。//将功能Scheme以URI的方式传入。
调起地图（高德、百度、Apple、Google）URL API
iotjin的专栏
11-28 4693
原文链接：https://blog.csdn.net/cooldragon/article/details/20642131 移动应用中，如何在自己的App中调起第三方的原生地图App，并显示相关的信息，如显示指定的一个坐标位置，显示一个起点到终点的路线查询，等等。 目前几个主要的地图商都提供了自己的App通过URL调用的形式，以下是本人稍微汇总了一下的内容，以备查询。 1、高德地图 示例（iOS...
react-native调起第三方高德地图导航URL解释
huhao0829的博客
12-12 3877
react-native调起第三方高德地图导航URL解释做react-native地图应用时，主要使用的是高德地图，所以在导航上也准备调起高德地图应用来完成导航功能，在高德地图API官网并没有发现高德地图应用的URL（这里就不得不说高德文档没有百度写的详细了），于是通过种种途径获取到了高德地图的URL，介绍一下1. 高德地图导航URLsourceApplication:你自己应用的名字，可不填 s
高德地图对接
05-14 1322
1、对接 1）初始化 MapView mapView = (MapView) findViewById(R.id.map2); mapView.onCreate(savedInstanceState); aMap = mapView.getMap(); 2）移动位置 aMap.moveCamera(CameraUpdateFactory.changeLatLng(latLng));...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值