![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
openlayers
ikun不解释
前端开发
展开
-
openlayers单击弹出对话框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Using Parcel with OpenLayers</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/...原创 2019-12-16 15:54:56 · 1643 阅读 · 3 评论 -
openlayers点击feature改变其样式
openlayers点击feature改变其样式 // 模拟后台数据 var trackData = [ { "lon":120.124512, "lat":35.978006, "data": [ {"name":"zx"}, {"age":16}, {"positio...原创 2019-12-14 11:30:15 · 7278 阅读 · 3 评论 -
openlayers根据数据在地图上画点
openlayers根据数据在地图上画点 效果如下: js代码: // 模拟后台数据 var trackData = [ { "lon":120.124512, "lat":35.978006 }, { "lon":120.651855, "lat":34.867905 }, { ...原创 2019-12-13 16:13:42 · 2108 阅读 · 3 评论 -
openlayers在坐标处画点
不适用openlayers的控件,在指定位自动生成圆(或点) 效果如下: 代码如下:(省略html部分) new ol.Map({ target: 'map', view: new ol.View({ center: ol.proj.fromLonLat([116.359506, 35.302920]), zoom: 2 }), ...原创 2019-11-24 19:56:26 · 2703 阅读 · 3 评论 -
画点和圆
点就是特殊的圆,圆足够小就成了点 // 创建三个图层 // 底图 var osmLayer = new ol.layer.Tile({ source: new ol.source.OSM() }) // 点图层 var pointLayer = new ol.layer.Vector({ source: new ol.source.Vector() }) // 圆图层 var ci...原创 2019-11-24 15:16:55 · 119 阅读 · 0 评论