
地图类
地图类应用,地图api使用,相关地图开源库,交通出行行业技术
Museions
带着目的去思考!预谋即将发生的事情!
展开
-
errMsg:getLocation:fail:require permission desc-小程序无法定位[解决](十六)
taro开发微信小程序 最近新版本上线出现无法定位的问题,提示无权限errMsg:getLocation:fail:require permission descgetLocation:fail:require permission desc解决办法如下:在在微信7.0.0版本之下需要在配置页面新增一个json字段//app.js新增如下代码config = { "...原创 2019-01-17 09:31:10 · 8401 阅读 · 8 评论 -
taro开发微信小程序-在地图页面添加搜索框(十二)
taro框架微信小程序地图页面需要添加搜索框,taro框架中map为原生组件,层级比较高,因此必须给予图层更高的层级才可以展示于地图上方,以下是解决方案!原生组件的使用限制由于原生组件脱离在 WebView 渲染流程外,因此在使用时有以下限制:原生组件的层级是最高的,所以页面中的其他组件无论设置z-index为多少,都无法盖在原生组件上。 后插入的原生组件可以覆盖之前的原生组件...原创 2019-01-05 13:36:42 · 5311 阅读 · 0 评论 -
taro开发微信小程序-加载腾讯地图(十)
鉴权失败,请传入正确的key,出现这个原因一是你在用微信开发者工具预览小程序,二是地图没有正确集成。taro ui框架微信小程序内使用腾讯地图应该是比较方便的,taro集成腾讯地图也比较简单,按以下步骤就可以了!首先进入小程序开发后台然后开启地图组件位置服务我已经开启了,开启过程中会提示前往腾讯位置服务平台获取相应的图层map key使用方法:<Map s...原创 2019-01-05 13:37:03 · 6586 阅读 · 0 评论 -
openlayers矢量圆形获取圆心和半径
在地图初始化前定义的交互: var interaction = new ol.interaction.Draw({ source: this.source, type:('Circle'), }); 需要使用变量保存起来,这里使用 interaction 保存。获取圆心和半径需要结合交互:如下 ...原创 2017-11-02 16:09:36 · 5357 阅读 · 0 评论 -
openlayers坐标转换
对于openlayers地图,通过监听地图的相关事件获取的经纬度坐标是经过加密算法偏移的数值,因此在使用坐标之前需要将其转化成为正确的坐标:转化API如下: var coordinate = ol.proj.transform( lonlat ,'EPSG:3857' ,'EPSG:4326'); lonlat是需要转化的坐标,经过以上方法转化后,得到的是真是的经纬度坐标值!...原创 2017-11-02 16:08:16 · 4485 阅读 · 0 评论 -
openlayers添加标记信息框
要点:一个marker就是一个 放置在地图相应位置的DOM元素marker的样式可以随意扩展,然后调用API将DOM对象整个放置成为一个图层 var marker = new ol.Overlay({ element: DOM, position: ol.proj.transform( lnglat , 'EPSG:4326', '...原创 2017-11-01 23:49:48 · 5735 阅读 · 0 评论 -
openlayers添加和清除多边形矢量图
在初始化地图时保存source:var source = new ol.source.Vector({wrapX: false});然后在需要清除时运行如下代码:source.clear();成功清除矢量图层.....原创 2017-11-01 23:42:48 · 9957 阅读 · 3 评论 -
Hbuilder打包的vue cli app获取高德地图定位服务key的问题[解决]
Hubilder打包的vue cli app获取高德地图定位服务key时出现的问题,导致定位出错,无法获取位置信息,以下是解决方法:解决步骤:1.开始申请高德定位的key,可填写到 manifest.json的地图sdk中,如果是第一次申请key,可以随意填写一个key或者找一个其他已经申请的key填上就好,目的是让app在获取 位置时报错,能够进行下一步:此步可能出现的问题就是你...原创 2018-05-24 11:07:16 · 3296 阅读 · 11 评论 -
高德地图marker事件监听-高德地图marker绑定事件就执行了[解决立即执行]
高德map marker事件绑定事件监听官方的demo是这样的: 地址:[http://lbs.amap.com/api/javascript-api/example/infowindow/add-infowindows-to-multiple-markers]<script type="text/javascript"> //初始化地图对象,加载地图 var map = new AMap.Map("container"原创 2017-09-30 16:01:42 · 16717 阅读 · 3 评论