地图API
天空影
此生多磨难,此身越重洋
展开
-
OpenLayers3(一)初始化地图
惯例:OpenLayer API引入文件<style> /* 调整OL控件位置和样式 */ *{ margin:0; padding:0; } .ol-zoom{ top:80px; } .ol-zoom-extent{ top:140px; } .o原创 2018-09-12 10:38:07 · 2862 阅读 · 1 评论 -
openLayers3(四)电子围栏—使用画图工具绘图
因为是BMap和 openlayers一起做,所以对于所有功能都是对标百度地图离线,这不,前不久刚弄好了百度地图的电子围栏功能,然后就开始了openlayer的了,不过总体来说要比前一次弄轻松很多,因为逻辑什么的都是一样的,就是画图可能不一样,所以也是看了一波API然后先把绘图功能搞出来。其余的因为也涉及公司业务就不多bb了。有兴趣的也可以看看百度地图的绘图:百度地图API(四)电子围栏—Dra...原创 2018-12-26 15:26:12 · 4709 阅读 · 6 评论 -
百度地图API(五)DrawingManager删除特定绘图
需求我想删除某一个我用绘图工具DrawingManager画的图,比如特点圆,或者特定长方形等等思考这个问题真的脑壳疼呀,一开始各种绕弯子,各种查资料都没个正确的。不过还是根据以前删除某个覆盖物的思想和画图后有一个compleate事件想到的。具体实现大部分代码参考百度地图API(四)电子围栏—DrawingManagerthis.drawingManager.addEventLis...原创 2018-12-14 17:56:04 · 4996 阅读 · 0 评论 -
百度地图API(四)电子围栏—DrawingManager
本来这个需求就是一开始没明确,不过今天早上被叫去讨论这个功能的具体需求了,所以从新改造了昨天的画图,这是昨天的百度地图API(三)电子围栏—地图点击事件创建多边形话不多说,开始今天的画图吧引入工具类(DrawingManager)<link rel="stylesheet" href=".asset/bMap/sdk/tools/DrawingManager_min.css">原创 2018-12-14 14:57:47 · 9921 阅读 · 5 评论 -
百度地图API(三)电子围栏—地图点击事件创建多边形
分析电子围栏:顾名思义就是一个多边形,然后终端或者其他什么东西在这个围栏中,如果离开围栏则通知离开了围栏,而做这个电子围栏应该就是鼠标点击多个点然后形成一个多边形。所以我们可以拆分业务地图点击连线形成多边形点击保存不再点击连线并将最新的围栏数据传给后台点击创建重新创建电子围栏显示服务器保存的数据的围栏判定终端是否在围栏内部下面是代码,分析都在注释里面了class fence {...原创 2018-12-13 17:59:12 · 5947 阅读 · 1 评论 -
坐标系之间的相互转换
gcoord(geographic coordinates)是一个处理地理坐标系的js库,用来修正百度地图、高德地图及其它互联网地图坐标系不统一的问题Features轻量 - 无外部依赖,gzip后大小仅2kb兼容性强 - 能在node环境以及所有现代浏览器(IE8+)中运行稳定高效 - 100%测试覆盖多坐标系支持 - 支持转换互联网地图中所有常见坐标系,可以任意相互转换多格式支持...转载 2018-11-22 14:25:31 · 8418 阅读 · 1 评论 -
百度地图API(一)鼠标测面积(完整)
原文地址:百度地图实现测量面积和测量距离功能但是这个博主写的AreaTool_min.js少了一个函数getCenterPoint(path);function getCenterPoint(path) { var x = 0.0; var y = 0.0; for(var i=0;i<path.length;i++){ x=x+ pa...原创 2018-07-11 18:30:47 · 15717 阅读 · 8 评论 -
百度地图API(二)轨迹回放
回到项目需求上来:做一个设备轨迹回放功能demo数据分析:因为我只是做一个demo,所以设计到时间、设备查询就不做了,直接做一组假坐标数据// 初始化var map = new BMap.Map("map_demo"); // 创建Map实例map.centerAndZoom(new BMap.Point(113.953162, 22.532701), 16); // 初始化地...原创 2018-07-12 10:42:00 · 6369 阅读 · 2 评论 -
OpenLayers3(二)获取可视区域中心
需求因为项目用到了谷歌离线地图,并且其中有一个保存视图功能:保存现在可视区域中心点坐标,下一次加载的时候地图中心设置为上一次设置的坐标定位因为项目同时用到了百度离线地图,其中百度离线地图有这么一个apimap.getBounds():返回地图可视区域,以地理坐标表示所以我在百度离线地图中获取中心点坐标就是map.getBounds().getCenter();但是因为o...原创 2018-09-10 17:02:17 · 7855 阅读 · 2 评论 -
OpenLayers3(三)混合地图切换
因为OpenLayers中没有提供混合地图这个api,然后项目要求需要和百度地图一样有混合地图这个功能,然后通过new ol.layer.Tile这个api找到了一些思路。附:OpenLayers初始地图思路1、需要两个完整的切片图层来达到可以混合地图切换功能 2、初始化地图博客中就有new ol.layer.Tile并且是通过这个来引入街道图切片 3、new ol.layer.T...原创 2018-09-17 10:14:01 · 5257 阅读 · 5 评论 -
openlayers3(五)根据坐标点画圆、线、多边形
这个是上一篇博客中的电子围栏中的一部分功能,但是因为有点小坑啥的我自己就单独拎出来写了。所以我写的也算是基于上一篇:openLayers3(四)电子围栏—使用画图工具绘图话不多说,代码附上代码class drawFence{ //转换坐标点(多) transPoints(points) { let arr = points.split(';'); ...原创 2018-12-29 15:16:02 · 13261 阅读 · 14 评论