new AMap.Marker 位置不准确

2024-09-04

（高德地图）marker定位 bug 解决总结

项目背景: 一个项目bug,项目中用到高德地图,默认打开页面会生成一个marker(下图红色icon),然后用户拖动marker到想要的位置,并且保存. 用户反映定位不准确,在当前页面编辑的位置,到后台打开位置就会有偏移. 因为后台打开时候是根据经纬度生成的marker,经过检查最终确定是前台页面,拖动marker定位获取经纬度那里出的问题. 这里不得不说下个人情况,此项目是他人开发,而开发人员已经不在公司,bug转发给我了.自己之前也没怎么使用过高德,主要使用的是谷歌地图和mapbox.

web开发如何使用高德地图API（四）通过AMap.Marker自定义标点

说两句: 以下内容除了我自己写的部分,其他部分在高德开放平台都有(可点击外链访问). 我所整理的内容以实际项目为基础希望更有针对性的,更精简. 点击直奔主题. 准备工作: 首先,注册开发者账号,成为高德开放平台开发者登陆之后,在进入「应用管理」页面「创建新应用」为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」拿到key之后,在页面引入高德API和UI组件库以及相关CSS文件 <link rel="stylesheet" href="

"当前不会命中断点,没有与此行关联的可执行代码"可能和"断点位置不准确"有关

今天用VS调试代码遇到一件怪事,在函数结束前的return那一行打了断点,却报"当前不会命中断点,没有与此行关联的可执行代码".看了自己是debug模式,而且没有开启优化,不应该出现这种情况啊.后来单步调试发现,执行语句实际上是在断点之后,而非断点那一行,让我大吃一惊. 后来搜索了断点不准确的问题,根据帖子的内容把这个问题给解决了,解决问题的时候一定要有耐心,问题没有想象中那么闹心. 我的操作是这样的,先用UtralEdit打开那个有问题的cpp文件,然后以16进制的方式去查看,去把出

可编辑div中包含子元素时获取光标位置不准确的问题

前言: 高亮显示输入框中的关键字符,这就必须得用到可编辑div(或其他标签)元素了,这时我们需要获取光标的位置,以便插入字符. 正文: 正常情况下获取光标位置,代码如下: function getPointPorsiton1() { if (window.getSelection) { var range = window.getSelection().getRangeAt(0);//创建range } else if (document.selection) { var range = doc

解决Mui中popover 顶部弹出菜单弹出位置不准确以及无法收回的问题

前言最近公司的项目转向使用Hbuilder开发移动端项目,其中想要通过在顶部标题栏加入弹出菜单的方式,来定位长列表的位置,如图所示. 问题 Mui的功能貌似还不是很完善,在使用这个弹出菜单的时候,发现了一些很尴尬的问题: 目录的跳转我是通过锚点实现的,但是在跳转之前,这个菜单一切正常,一旦触发跳转,那么整个菜单就会卡住无法收回,但是跳转功能正常. 由于我的页面比较长,因而出现不在顶部使用弹出菜单时,弹出菜单位置像是不正确的情况,如图所示. 解决办法 1.问题一的解决方案对于问题一,我的解决方

【地图API】地址录入时如何获得准确的经纬度？淘宝收货地址详解

用户需求:管理者需要录入一批商户,并在地图上把商户展示出来.但发现一些商户的地址描述并不清楚,导致商户位置出错.如何获得更加准确的商户位置呢? 分析:假设地址准确的,可以通过地址解析,得到准确的经纬度.假设地址缺失,我们通过人工打点的办法,获取精准的位置.可以参考淘宝的收货地址,如下图. ------------------------------------------------------------------------------------------------------ 重点

AMap公交线路查询

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, wi

【高德地图API】如何设置Marker的offset？

一些朋友在往地图上添加标注的时候,往往会发现,图片的尖尖角对不上具体的点.比如,我要在上海东方明珠上扎一个点. 首先,我使用取点工具http://lbs.amap.com/console/show/picker 拾取到东方明珠的经纬度,为121.499809,31.239666. 然后写一个自定义图片标注的代码,代码片段: var marker = new AMap.Marker({ //添加自定义点标记 map: map, position: [121.499809,31.239666], /

【高德地图API】从头德国高中生JS API（三）覆盖物——大喊|折线|多边形|信息表|聚合marker|点蚀图|照片覆盖

覆盖物,是一张地图的灵魂.有覆盖物的地图.才是完整的地图.在一张地图上,除了底层的底图(瓦片图,矢量图),控件(有功能可操作的工具).最重要最必不可少的就是覆盖物了.覆盖物有多种.包含.标注.折线.多边形.信息窗体.聚合marker.麻点图和图片覆盖物. 本文会具体介绍每一种覆盖物的概念.加入方法,改动方法.移除方法等.最后会提供演示样例和源码下载. 演示样例demo:http://zhaoziang.com/amap/zero_3_1.html ------------------------

【高德地图API】从零开始学高德JS API（三）覆盖物——标注|折线|多边形|信息窗口|聚合marker|麻点图|图片覆盖物

原文:[高德地图API]从零开始学高德JS API(三)覆盖物——标注|折线|多边形|信息窗口|聚合marker|麻点图|图片覆盖物摘要:覆盖物,是一张地图的灵魂.有覆盖物的地图,才是完整的地图.在一张地图上,除了底层的底图(瓦片图,矢量图),控件(有功能可操作的工具),最重要最不可缺少的就是覆盖物了.覆盖物有多种,包括,标注.折线.多边形.信息窗口.聚合marker.麻点图和图片覆盖物.本文会详细介绍每一种覆盖物的概念,添加方法,修改方法,移除方法等.最后会提供示例和源代码下载. 示例dem

获取json数据后在地图上打点，根据 json不断移动点的位置

<?php echo <<<_END <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-

使用高德地图JS获取当前位置和经纬度

先看效果,我做的是这样的,可以按地图位置来返回当前你点的位置(图一,二),也可以根据输入框的自动搜索(图三,四) HTML的代码: <div> <input type="text" id="keyword" name="keyword" value="" onkeydown='keydown(event)'/> <div id="result1" name="resu

高德地图(AMap)JavaScript API的使用

申请JSAPI的开发者key 申请地址:http://lbs.amap.com/dev/key 引入高德地图JavaScript API文件: <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script> 创建地图容器在页面body里你想展示地图的地方创建一个div 容器,并指定id标识: <div i

高德地图关键字搜索删除上一次搜索的Marker

方法:Marker类的 setMap(null);方法高德是通过循环调用addmarker(i,d)方法创建marker标记,所以我们需要把创建的marker标记压入到一个数组,再第二次搜索时清空数组 var mar = new AMap.Marker(markerOption); search_markers.push(mar); marker.push(new AMap.LngLat(lngX, latY)); 第二次调用清空marker对象 if( search_markers!

android高德地图网络路径实现自定义marker并点击弹出自定义窗口

android中使用地图的地方随处可见,今天记录一下网络路径生成自定义marker,点击标记弹出自定义的窗口(在这里使用的是高德地图) 在这里我们使用Grilde去加载网络图片,因为这个简直太方便了! 在android studio下,在app/build.gradle文件当中添加如下依赖: compile 'com.github.bumptech.glide:glide:3.7.0' 接下来就是代码的实现部分代码注释的比较详细 /** * Created by Yyyyq on 2018/4

微信小程序获取当前位置

详细参数说明请看小程序api文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.openLocation.html wx.getLocation({ type: 'gcj02', // 返回可以用于wx.openLocation的经纬度 success(res) { const latitude = res.latitude const longitude = res.longitude wx.openLocation({ lat

基于高德地图的描点操作，监听地图缩放，展示合理数量的marker

原文:基于高德地图的描点操作,监听地图缩放,展示合理数量的marker 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/lx583274568/article/details/54089707 1.根据两点经纬度算两点之间的距离函数 function Rad(d){ return d * Math.PI / 180.0;//经纬度转换成三角函数中度分表形式. } //计算距离,参数分别为第一点的纬度,经度:第二点的纬度,经度 function G

javascript高德地图实现点击marker消失marker

javascript高德地图实现点击marker消失marker <pre> var markers = []; var positions = [[120.17718, 30.21772], [120.17718, 30.21872]]; for (var i = 0, marker; i < positions.length; i++) { marker = new AMap.Marker({ map: map, icon: "http://webapi.amap.com/

抓取某高校附近共享单车位置，并使用web方式展示过去几天的位置变化

效果如图使用了高德地图API:https://lbs.amap.com/api/javascript-api/example/marker/massmarks js代码如下: function MapOperate() { } MapOperate.prototype.listensubmit = function () { var self = this; var submitBut = $(".submit-btn"); var time_id = $("#time-i

jquery-ui拖拽对齐线位置不对的操作

1,在draggable的drag中直接获取$(this).offset()来给对齐线设置top和left: 2,在draggable的drag中直接获取event的clientX去和event的offsetX去做减,此时的offsetX有可能在拖动过程中发生变化, 造成位置不准确的情况. 需要在start钩子中缓存下开始时候的鼠标位置,然后在拖动过程中,用鼠标当前位置减去初始记录位置,此时就是准确的位置.

new AMap.Marker 位置不准确

热门专题