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

最新推荐文章于 2024-06-07 15:59:46 发布
最新推荐文章于 2024-06-07 15:59:46 发布
阅读量2.7k 收藏 2
点赞数 2
分类专栏： 高德地图的polygon 文章标签： 高德地图polygon 百度地图polygon canvas画多边形
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45372212/article/details/102798587
版权

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

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

百度地图画的效果

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

高德地图画出来的效果

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

canvas画出来的效果

canvas隐藏路径效果图：

最低0.47元/天 解锁文章
weixin_45372212
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
2000坐标系转经纬度工具_用编程赋能工作系列——百度VS高德经纬度互转
weixin_39755136的博客
11-27 1370
上一篇刚学会了如何获取地址所在经纬度以及经纬度对应地址，于是信心满满的准备在老板面前露一手，准备花点心思做个漂亮的可视化地图放在报告亮眼的位置。当地图跑出来的那一刻顿时傻眼了，卧槽这些点定位的位置明显不对呀，酒店直定位到湖里了，这让老板看到你说后果严重不。其实是因为百度地图的经纬度和高德地图经纬度所使用的坐标系编码不同，所以如果你制图的软件或平台是基于高德地图服务的话，那么就需要使用对应的高德标准...
地图可视化：基于 Echarts + 百度地图bmap + 时间轴timeline + 多边形(multi)polygon + 点scatter 的可视化案例
YYDataV的博客
08-11 2541
​​​​​​ 重点：echarts series 中的 type: "scatter", coordinateSystem: "bmap" 2、polygon多边形的实现 2.1 重点：自定义函数 renderItem: render_polygon, 以及 data: [] 2.2 render_polygon 实现 2.3 动态对 data 赋值 重点：此处data必须传string，不能传object，否则render_polygon中的api.value() 取不到值。
百度地图引用流程和常见API
最新发布
weixin_46600029的博客
06-07 1307
目录​​​​​​​注册百度地图开发账号引入百度地图创建地图坐标转换（个性化地图）设置地图样式添加覆盖物城市搜索地图类型（图层）切换鼠标绘制GeoUtils 在DrawingManager鼠标绘制之后mapv 引用顺序在GeoUtils之后​​​​​
百度地图画多边形，画圆， 监听事件不触发原因
weixin_30294021的博客
03-19 826
var styleOptions = { strokeColor:"red", //边线颜色。 fillColor:"red", //填充颜色。当参数为空时，圆形将没有填充效果。 strokeWeight: 3, //边线的宽度，以像素为单位。 str...
Android_百度地图API_图形“圆形”(正多边形)和多边形是否相交算法
fengdeweilai的博客
03-07 1923
真的很讨厌，数学不是太好，但是几何还好，纵使是这样，该忘了的还是忘了!满意以为随便搜搜都是一大堆，但是我真的想错了！看结果图： 40条边数，获取每一个点的在实际地理中的坐标（经纬度） 原点（center）是=32.02103 : 118.763435 为了解决在百度API中缺少图形是否相交的判断，所以必须，要判断两个图形边缘的点，这下问题就来了， 网上搜一大片，全是绘制View的，找了很
百度地图多边形展示
wxincome的专栏
03-27 2661
商圈      var map = new BMap.Map("container",{mapType: BMAP_HYBRID_MAP});      //设置卫星图为底图  map.centerAndZoom(new BMap.Point(116.325218,39.977441),12);                     // 初始化地图,设置中心点坐标和
高德地图根据经纬度画折线, 虚线(以两个点为例)
热门推荐
夏天然后的技术专栏
12-22 1万+
- (void)createBrokenLine {     CLLocationCoordinate2D commonPolyLineCoords[2];     for (int i = 0; i self.dataParkLaneArr.count; i ++) { // 点的信息Model         ParkInfo *parkInfo = self.dataPar
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
10-15
在本文中，我们将探讨如何在Vue项目中使用vue-amap插件来集成高德地图，并实现画多边形的功能。vue-amap是Vue.js官方维护的一个用于集成高德地图API的插件，它提供了丰富的地图操作和交互功能。 首先，要在Vue项目...
python实现高德地图
07-24
进阶功能包括热力图、区域覆盖、信息窗口等，可结合高德地图提供的其他服务，如`heatmap`、`polygon`等，实现更复杂的GIS应用。 9. **错误处理**： 调用API时，要处理可能出现的网络错误、API调用限制等问题，...
高德地图实现绘制覆盖物，自定义右键菜单
02-26
在IT行业中，地图应用开发是不可或缺的一部分，尤其是在Web开发领域。高德地图JavaScript API是一个强大的工具，它允许开发者轻松地在网页中集成地图功能，并进行各种定制化操作。本项目聚焦于利用高德地图js-api...
高德地图实现多边形框选选中地图中坐标点.html
03-15
高德地图实现多边形框选，选中展示地图中坐标点。实现坐标点框选。范围内坐标点选择。包括矩形，圆形，和任意多边形。。。需要修改key为自己注册的开发key
百度地图JavaScriptAPI离线版.zip
12-21
百度地图JavaScript API是百度提供的一款强大的地图开发工具，它允许开发者通过JavaScript语言在网页上集成地图功能，包括但不限于定位、地图展示、标记、路线规划、地理编码等。这个"百度地图JavaScriptAPI离线版....
百度地图添加标识物，并能控制标识物显示/隐藏
qq_39218641的博客
05-23 1902
<%@ 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 2050
最近做项目的时候，由于最近天地图卡的起飞，无奈之下只好改用高德，虽然高德地图文档比较完善，但是多少还是有点坑。建议慢慢食用，能把这篇文章的研究好了，足以轻松在 vue3 中使用高德地图的各种API功能。此文章内容适用ts，使用js的同学请自行举一反三改造代码。.........
vue-amap 使用高德原生JS API 绘制多边形 polygon
偷喝汽水的博客
07-08 3312
根据填写的经纬度显示成一片区域，那就是高德矢量图形的 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 1808
触发选中后，需要做个判断，是否第一次读取 geojson 数据。2.走 getdata 方法直接读取arcgis 转出来的geojson 数据，我这里的数据为gps84坐标数据，需要用高德的API的convertFrom函数，转换成高德高的坐标系。3.在地块上批量添加地块，将地块数据转换成高德坐标之后，调用addpolygon方法开始画出地块；画完地块之后，我们对地块添加一个点击事件，用于绑定自定义属性，点击地块之后能够显示其相关信息数据。如果只需要画1个地块，可以跳过这个方法，直接看四。.........
百度地图添加自定义边界值
qq_38519358的博客
11-03 5257
使用百度地图过程中常常需要给某个区域添加边界，这里有两种方法： 一种是使用百度地图自带的Boundary方法，通过输入区域名称可自动给地图添加边界 不足：这种方法只适用于省市区级行政区域的，如果想自定义区域增加边界，则不能使用该方法 code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt.
【百度地图】在百度地图上框出边界线
wjx_jasin的博客
11-06 8363
代码： 一、建立地图 创建地图对象；设立中心点以及地图级别。 var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 12); 二、添加地图事件 地图事件：添加了滚轮缩放。 map.enableScrollWheelZoom(true) 三、获取...
高德地图添加多边形Polygon颜色异常的解决
hz51390的博客
08-03 8868
高德地图的覆盖物添加API提供了很多种指定覆盖物的添加和自定义覆盖物添加的方法。标记、矢量图形元素（包括：折线、多边形和圆）等。覆盖物拥有自己的地理坐标，当拖动或缩放地图时，它们也会随地图移动。在添加多边形(Polygon)的时候，我发现并没有设置Polygon区域内color的透明度的方法。aMap.addPolygon(new PolygonOptions() .addA
高德地图 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、付费专栏及课程。

余额充值