解决高德地图和百度地图的polygon方法画出来的效果不一致问题

最新推荐文章于 2023-09-10 22:32:48 发布
最新推荐文章于 2023-09-10 22:32:48 发布
阅读量2.7k 收藏 2
点赞数 2
分类专栏： 高德地图的polygon 文章标签： 高德地图polygon 百度地图polygon canvas画多边形
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45372212/article/details/102798587
版权
本文探讨了在使用高德地图和百度地图API进行polygon绘制时出现的效果不一致问题。通过对比分析，发现百度地图的polygon方法对数据要求较低，而高德地图则更严谨。在尝试使用canvas画出多边形后，发现效果与高德地图相同。为解决该问题，调整了路径绘制顺序，实现外层顺时针，内层逆时针，从而在两者中达到预期效果。
摘要由CSDN通过智能技术生成

解决高德地图和百度地图的polygon画出来的效果不一致问题

接口调过来一组路线的数据，接下去根据这个路线画图，

百度地图画的效果

百度隐藏路径效果图：
百度隐藏路径效果
百度显示路径效果图：
百度显示路径效果
百度地图画出来的效果是对的，是我想要的效果；

高德地图画出来的效果

高德隐藏路径效果图：
高德隐藏路径效果
高德显示路径效果图：
高德显示路径效果发现同样的一组数据， 在高德和百度地图上，都用他们的自带的polygon方法，画出来的效果分别是不一样的；但是画图的路径都是一样的，很是奇怪。难道高德和百度的画多边形覆盖物的原理不一样？然后我就想canvas画出来的效果又会是怎样？

canvas画出来的效果

canvas隐藏路径效果图：

最低0.47元/天 解锁文章
weixin_45372212
关注
专栏目录
高德地图根据经纬度画折线, 虚线(以两个点为例)
夏天然后的技术专栏
12-22 1万+
- (void)createBrokenLine {     CLLocationCoordinate2D commonPolyLineCoords[2];     for (int i = 0; i self.dataParkLaneArr.count; i ++) { // 点的信息Model         ParkInfo *parkInfo = self.dataPar
【baidu-map】 vue百度地图插件使用——多边形围栏polygon
最新发布
m0_74094484的博客
04-01 987
百度地图polygon 设置地图电子围栏
2000坐标系转经纬度工具_用编程赋能工作系列——百度VS高德经纬度互转
weixin_39755136的博客
11-27 1410
上一篇刚学会了如何获取地址所在经纬度以及经纬度对应地址，于是信心满满的准备在老板面前露一手，准备花点心思做个漂亮的可视化地图放在报告亮眼的位置。当地图跑出来的那一刻顿时傻眼了，卧槽这些点定位的位置明显不对呀，酒店直定位到湖里了，这让老板看到你说后果严重不。其实是因为百度地图的经纬度和高德地图经纬度所使用的坐标系编码不同，所以如果你制图的软件或平台是基于高德地图服务的话，那么就需要使用对应的高德标准...
vue2+高德地图绘制多个圆形覆盖物和多边形覆盖物
qq_46639390的博客
04-10 1277
基于高德地图+vue2实现多个圆形覆盖物和多边形覆盖物
百度地图画多边形，画圆， 监听事件不触发原因
weixin_30294021的博客
03-19 835
var styleOptions = { strokeColor:"red", //边线颜色。 fillColor:"red", //填充颜色。当参数为空时，圆形将没有填充效果。 strokeWeight: 3, //边线的宽度，以像素为单位。 str...
Android_百度地图API_图形“圆形”(正多边形)和多边形是否相交算法
fengdeweilai的博客
03-07 1942
真的很讨厌，数学不是太好，但是几何还好，纵使是这样，该忘了的还是忘了!满意以为随便搜搜都是一大堆，但是我真的想错了！看结果图： 40条边数，获取每一个点的在实际地理中的坐标（经纬度） 原点（center）是=32.02103 : 118.763435 为了解决在百度API中缺少图形是否相交的判断，所以必须，要判断两个图形边缘的点，这下问题就来了， 网上搜一大片，全是绘制View的，找了很
百度地图多边形展示
wxincome的专栏
03-27 2672
商圈      var map = new BMap.Map("container",{mapType: BMAP_HYBRID_MAP});      //设置卫星图为底图  map.centerAndZoom(new BMap.Point(116.325218,39.977441),12);                     // 初始化地图,设置中心点坐标和
利用R语言从高德地图生成AOI(Area Of Interests)
万里写入胸怀间
08-13 1万+
p_load(“httr”,’tidyverse’,’jsonlite’,’sf’,’rgdal’,’rlist’,’rgdal’) library(‘Rgctc2’,lib.loc=’~/GitHub/R_coordination_transformation’) search for poi’s ID through amap WEB_api options(digits=11) ...
百度地图之行政规划边界出现重复bug。
zhixuexingchen的博客
03-02 834
解决方式：用高德地图的获取行政经纬度的方法 百度地图高德地图踩坑记 先说背景：公司的项目是可视化项目，经常会用到地图，然而很多地方的代码写的真是一坨狗屎。虽然我自己写的也是一坨狗屎，但是自己写的总不能说自己吧，23333333 产品发现我们的地图在放大之后出现行政区规划边界线重叠的现象，然后产品说要解决，我自己查了很多，发现很可能是百度经纬度不够准确的原因，于是准备用高德，结果去哪个组件页面一看...
中国地图坐标系转换详解：从WGS-84到GCJ-02再到BD-09
孙霸天的专栏
09-10 1317
WGS84:World Geodetic System 1984，是为GPS全球定位系统使用而建立的坐标系统。通过遍布世界的卫星观测站观测到的坐标建立，其初次WGS84的精度为1-2m，在1994年1月2号，通过10个观测站在GPS测量方法上改正，得到了WGS84（G730），G表示由GPS测量得到，730表示为GPS时间第730个周。
Android开发笔记（一百零三）地图与定位SDK
热门推荐
aqi00的博客
06-01 1万+
集成地图SDK 国内常用的地图SDK就是百度和高德了，二者的用法大同小异，可按照官网上的开发指南一步步来。下面是我在集成地图SDK时遇到的问题说明： 1、点击基本地图功能选项，不能打开地图，弹出“key验证出错！请在AndroidManifest.xml文件中检查key设置的”的红色字提示。查看日志提示“galaxy lib host missing meta-data,make sure y
百度地图添加标识物，并能控制标识物显示/隐藏
qq_39218641的博客
05-23 1935
<%@ page contentType=“text/html;charset=UTF-8”%> <%@ include file="/WEB-INF/views/include/taglib.jsp"%> GIS地图 body { height: 100%; margin: 0px; padding: 0px; } #container { height: 100%...
十分钟玩转 vue3+高德地图AMap+geosjon批量绘制Polygon地块数据展示【一、基础引入配置】
FUN的博客
08-05 2139
最近做项目的时候，由于最近天地图卡的起飞，无奈之下只好改用高德，虽然高德地图文档比较完善，但是多少还是有点坑。建议慢慢食用，能把这篇文章的研究好了，足以轻松在 vue3 中使用高德地图的各种API功能。此文章内容适用ts，使用js的同学请自行举一反三改造代码。.........
vue-amap 使用高德原生JS API 绘制多边形 polygon
偷喝汽水的博客
07-08 3404
根据填写的经纬度显示成一片区域，那就是高德矢量图形的 api 咯，效果如图所示，为了测试随便写的经纬度，形状有点奇怪，嘻嘻~~~~ 多边形 折线 圆形 什么的 都可以。按需看高德api 即可 传送门：https://lbs.amap.com/api/javascript-api/guide/overlays/vector-overlay#polygon 一、首先要有地图丫~ 用了 vue-amap ，它的官网有时候能打开 有时候打不开，看运气吧https://elemefe.githu...
十分钟玩转 vue3+高德地图AMap+geojson批量绘制Polygon地块数据展示【三、Geojson地图数据批量导入地图】
FUN的博客
08-05 1903
触发选中后，需要做个判断，是否第一次读取 geojson 数据。2.走 getdata 方法直接读取arcgis 转出来的geojson 数据，我这里的数据为gps84坐标数据，需要用高德的API的convertFrom函数，转换成高德高的坐标系。3.在地块上批量添加地块，将地块数据转换成高德坐标之后，调用addpolygon方法开始画出地块；画完地块之后，我们对地块添加一个点击事件，用于绑定自定义属性，点击地块之后能够显示其相关信息数据。如果只需要画1个地块，可以跳过这个方法，直接看四。.........
高德地图上覆盖物polygon方法的使用
weixin_42349568的博客
06-25 3775
一，查看文档，找到的案例 <!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, width=device-width">
百度地图添加自定义边界值
qq_38519358的博客
11-03 5435
使用百度地图过程中常常需要给某个区域添加边界，这里有两种方法： 一种是使用百度地图自带的Boundary方法，通过输入区域名称可自动给地图添加边界 不足：这种方法只适用于省市区级行政区域的，如果想自定义区域增加边界，则不能使用该方法 code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt.
Android 百度地图开发（三）
肖波的博客
03-12 743
上节我们一起实现了百度地图定位，overlays画点，画线等。今天一起来实现一下再地图上画弧线，画圆，画多边形，画文字以及信息窗和Android8.0以上对后台定位服务的限制以及处理方法（notification前台通知）。 1.画弧线， 用到百度地图api的ArcOptions，设置起点，中间点，终点，弧线宽度，颜色等属性进行绘制 /** * 地图marker画弧线，用Arc...
高德地图 polygon具有什么方法
02-18
高德地图的polygon对象具有以下方法： - setMap(map: Map)：将多边形添加到地图上。 - setPath(path: Path)：设置多边形的路径。 - getPath()：返回多边形的路径。 - setOptions(options: PolygonOptions)：设置...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值