PC端 高德地图APIJS 与 客户端API 的坑

于 2024-04-07 18:05:57 发布
阅读量307 收藏
点赞数 1
分类专栏： 高德地图 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liu374322418/article/details/137472779
版权

一、获取输入提示数据

AMap.PlaceSearch与AMap.Autocomplete 的坑

  1. 输入相同的内容，两者的搜索结果会不一样（比较个别的地址）
  2. 搜索结果拿到的经纬度，去获取地址的详细信息，会出现比较大的偏差；高德地图可以正确返回地址的详细信息（高德官方做了优化，开放的apiJs、客户端js 都存在这个问题）
Temple Block
关注
专栏目录
高德地图开发-常用api踩坑使用
FightingITPanda的博客
04-28 1万+
一、高德地图的加载初始化 在这就踩过很多坑，新建项目正常显示没问题，放到我们的项目就是不显示，加载不出来， 这个时候不要慌，只要确保下面三部完成就莫问题了 1.引入高德地图开发者api <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=4611f58483d79aa58bf6d2b508...
【地图API】为何您的坐标不准？如何纠偏？
weixin_34309543的博客
03-27 2781
摘要：各种坐标体系之间如何转换？到底有哪些坐标体系？什么是火星坐标？为什么我的坐标，在地图上显示会有偏移？本文详细解答以上问题。最后给出坐标拾取工具。 ---------------------------------------------------------------------------------------------------------------------------...
地图组成与名词解释
CAESAR的专栏
03-21 1471
地图组成与名词解释 本章介绍 JS API 地图的构成要素、常用名词和一些基础知识的介绍，比如经纬度、级别、地图平面坐标等。 JSAPI地图组成结构 使用高德地图 JS API 创建的地图通常由这几部分组成： 地图容器 Container 即在准备阶段所创建的指定了id的div对象，这个div将作为承载所有图层、点标记、矢量图形、控件的容器。 图层 L...
【高德地图API 项目实战】
最新发布
a408492801的博客
12-25 1138
最近的一个项目中使用到了高德地图，分别在PC端和小程序端均有涉及，使用到了高德地图的两种服务平台：1、Web服务；2、Web端JS API。如果你所做的项目正好也考虑使用高德地图API，希望能对你有帮助。
【高德地图API】JS高德地图API实现多边形绘画，高德获取多边形提交数据
weixin_43992507的博客
11-06 1649
【高德地图API】JS高德地图API实现多边形绘画，高德获取多边形提交数据
盘点一下使用高德api踩得坑
m0_63338904的博客
08-31 2017
采用在vue项目下public公共资源包的index.html文件里面引用高德的cdnkey :你在高德开放平台里面申请的一个web服务key，注意:如果你要使用高德的搜索api，那么你一定要申请一个web服务型key，不然无法使用搜索apiplugin=AMap.Geolocation,导入高德地图的插件，并不是地图上使用的组件。这是第一个坑。...
高德地图开发手册 php,地图-参考手册-地图 JS API | 高德地图API
weixin_36373787的博客
04-14 687
方法返回值说明poiOnAMAP(obj:Object)唤起高德地图客户端marker页其中Object里面包含有{ id: "B000A7BD6C",POIIDname:String, 必要参数location:LngLat|position属性 必须参数}detailOnAMAP(obj:Object)唤起高德地图客户端marker详情页其中Object里面包含有{ id: "B000A...
企业微信公众号网页开发之引入高德地图API
hcqxd的博客
03-22 2149
test.jsp 页面文件 WxController.java 后端逻辑代码 一、JS-SDK集成及验证 1.前端引入js文件 <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 2.为JS-SDK注入配置信息 wx.config({ beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题 debug: false, // 开启调试模式,调用的
关于在vue2.6+ts技术栈下高德地图API的使用方法
weixin_42833042的博客
01-20 3448
最近公司某个项目用上了vue2.6+typescript的技术栈，整个工程都是用vue-cli3直接生成的，自带了ts-loader来解析ts文件，非常方便。但是对于一些没有没有声明文件的第三方模块，用起来会比较麻烦，过程中，我们用到的高德地图就是其中之一，虽然官方推荐使用vue-amap，但是想追求粒度更细的操作，还是原生的api更为方便，下面来记录一下全程的配置过程。 一、引入api文件 ...
使用AngularJS+Node.js+MongoDB构建的高德地图位置通讯录
开发者希望通过这个项目实践AngularJS，并采用Node.js作为后端服务，MongoDB作为数据存储，同时结合高德地图API实现位置共享功能。应用包括用户角色管理、发布动态和位置共享等特性。数据库部署在阿里云，静态文件...
终于解决了，高德地图Api这个坑
weixin_73570155的博客
09-19 2265
然后我就又申请了一个新的web服务的key，试了还是不行，各种研究key，各种百度，看到网友有说尝试把key放到第一个参数，由于项目需要选择收货地址，于是就使用了高德地图的行政区域查询API接口，接下来就是这个大坑了，上图是高德地图开放平台官网上的示例，我直接复制实例上的请求网址，然后。成了，服了，高德官网误导啊，浪费我这么长时间。返回结果 一直都是key不正确或过期。
【高德地图POI踩坑】AMap.PlaceSearch无法使用
热门推荐
NotDreamFish的博客
06-10 1万+
好家伙我一时间不知道是我版本问题还是这文档问题
高德地图 搜索定位 搜索关键词 定位
Caiqiudan的博客
02-21 3152
效果图： 关键代码 AMap.service(["AMap.PlaceSearch","'AMap.AutoComplete'"], function() { var auto = new AMap.Autocomplete({ input: "tipinput"}); //构造地点查询类 var placeSearch = new AMap.PlaceSearch({ pageSize: 5, // 单页显示结果条数 pageIndex: 1, // 页码 city: "010",
JSAPI 高德地图应用--关键字搜索、POI搜索定位，获取经纬度
wo_1021的博客
07-22 8889
在高德地图的应用中，地图上总少不了搜索框，用于搜索并定位某一位置，并获取某一定位点的经纬度，类似于这种： 这种搜索方法一般是高德地图的输入提示插件AMap.Autocomplete和POI搜索插件AMap.PlaceSearch结合来实现的； 首先需要定义一个input输入框，并赋予id，id是关键，至于输入框放置位置，可以自己调节 <input id='tipinput' type="text"> 因为这两个都是高德地图的插件，所有需要引入进来 ...
高德地图JSAPI的使用注意项
weixin_47359038的博客
07-22 2185
最近有个项目用到了高德地图，基于高德引擎进行相关需求的开发，开发过程中碰到了一些问题，简单的记录一下。
js 跳转到指定位置 高德地图_高德地图JS Api dom操作，在指定id位置插入搜索之后的数据...
weixin_33476081的博客
01-13 390
var windowsArr = [];var marker = [];var mapObj = new AMap.Map("mapContainer", {resizeEnable: true,center: [116.397428, 39.90923],//地图中心点zoom: 13,//地图显示的缩放级别keyboardEnable: false});AMap.plugin(['AMap.A...
Vue 集成高德地图 搜索提示POI下拉框点击偶尔失效的问题
天渺(喵)工作室
02-03 1985
在vue2中集成高德地图后，高德地图自带的'AMap.Autocomplete','AMap.PlaceSearch', 服务模块绑定的input 输入框收入关键字以后，提示内容出来以后，鼠标点击无效的现象 出现类似的情况的主要原因就是使用input的时候，默认使用html最原始的自带input 标签 <!--最好使用html原生的input标签--> <input id="input_id" /> <!--不要使用三方UI的输入框 比如element 的.
VUE之 VUE-BAIDU-MAP 百度地图定位不准确有偏差的解决方法
qq_44710145的博客
09-12 2379
摘要于：qq_38705449原创文章
高德地图API详解与示例
"高德地图API Demo展示了如何在Android应用中集成并使用高德地图API，包括地图的基本显示、添加Marker以及对Marker的点击事件处理。" 在Android开发中，高德地图API（AmapAPI）是开发者常用的一个工具，用于在应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值