- 博客(11)
- 收藏
- 关注
RSS订阅原创 2021-01-29
openlayers绘制岛状多边形使用ol-ext插件：https://www.npmjs.com/package/ol-ext具体步骤：1、使用openlayers原生绘制工具，绘制多边形const vector = new VectorLayer({ name: 'Vector', source: new VectorSource()})this.map.addLayer(vector)this.draw = new Draw ({ source: ve
2021-01-29 18:04:18
284
原创 mapboxgl加载google地图、高德地图的在线切片地图
mapboxgl加载google地图、高德地图的在线切片地图1、加载google地图，只需将将style换为如下内容，并根据需要更换地图类型（注释部分）即可。style: { "version": 8, "sources": { "raster-tiles": { "type": "raster", 'tiles': [ // mt(0—3) Google地图使用了四个服务地址 // lyrs= // m：路线
2020-08-27 17:16:32
7257
2
原创 datatables点击或双击选中行的数据
单机获取选中行的数据$("#myTable").on("click","tr",function(){ var data=table.row(this).data(); console.log(data);})双击获取选中行的数据$("#myTable tbody tr").dblclick(function(e){ var index = $(this)...
2019-11-17 19:24:06
1788
原创 基于layui的鼠标移入显示按钮提示信息，移除隐藏提示信息的方法
$('#layer').on({ var tips; mouseenter:function(){ tips =layer.tips("图层控制","#layer",{time:0}); }, mouseleave:function(){ layer.close(tips); }});
2019-11-16 16:24:34
5144
原创 点、线、面数据的投影坐标串转换为经纬度坐标方法
/** * 点的投影坐标串转为经纬度坐标 * @param mercator 格式为：mercator="12305573.111993 2224966.231627" */function mercatorTolonlat(mercator) { // 切割字符串 var mercatorCoor = mercator.split(" "); var lng ...
2019-11-16 16:16:42
1680
原创 mapboxgl点击高亮显示的实现
mapboxgl点击高亮显示的实现，采用过滤的方式实现。 //geojson点数据 var geojsonPoints = { "type": "FeatureCollection", "features": [{ "type": "Feature", "properties": { ...
2019-09-05 20:42:07
4838
原创 mapboxgl弹出框取消关闭按钮
mapboxgl的弹出框取消关闭按钮的实现方式是设置 closeButton: falsevar popup = new mapboxgl.Popup({ closeButton: false});
2019-09-05 20:26:09
1894
1
原创 mapbox中对同一图层（layer）的不同要素（feature）设置不同的颜色
方法是，给geojson中的每一个feature的propreties设置一个color属性，用于承载不同的颜色，然后在layer加载时候，给paint使用["get","color"],具体代码如下：var myLocation={ "type": "FeatureCollection", "features": [ { "type"...
2019-09-04 17:29:32
8842
3
原创 基于openlayers角度测量功能
基于openlayers的测量功能，官网提供了长度测量和角度测量，但是没有角度测量，在此写一下基于openlayers的角度测量功能，主要方法如下：var formatAngle = function (line) { var coordinates = line.getCoordinates(); var angle=0; var sourceProj = map....
2019-08-31 12:52:42
1593
1
原创 Mapboxgl图层样式动态设置
利用setPaintProperty方法设置mapboxgl图层的样式 interval=setInterval(function(){ var date=new Date(); var seconds=date.getSeconds(); if(seconds%3===0){ map.setPaintProperty('polygonlaye...
2019-08-31 12:24:58
4397
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人