随笔分类 -  可视化地图系列

openlayers5.3 + vue2
openlayser 移动端禁止地图旋转
摘要:旋转属于交互事件,禁止旋转需要在interation里面去定义, 相关设置: https://openlayers.org/en/latest/apidoc/module-ol_interaction.html import {defaults as defaultInteractions} fro 阅读全文
posted @ 2020-05-11 11:38 哓番茄 阅读(1189) 评论(0) 推荐(1) 编辑
Openlayers 定位,添加自定义图标,点击图标弹框
摘要:之前已经把地图展示出来,现在可以在地图上做相关操作。 首先定义一个位置图层,这样可以动态操作 import Feature from 'ol/Feature' import {Vector as VectorLayer} from 'ol/layer' import GeoJSON from 'ol 阅读全文
posted @ 2020-05-08 13:59 哓番茄 阅读(6661) 评论(0) 推荐(0) 编辑
Vue + OpenLayers
摘要:Vue中使用OpenLayers,之前写了是 OpenLayers 5.3的版本,最近又开始一个项目,继续采用的是Vue + OpenLayers (6.3.1), 这个项目主要是做气象数据,需要在地图上展示不同站点,数据查询,温度区域的展示,风场的展示等等,我会陆续更新。 从最开始的展示地图开始 阅读全文
posted @ 2020-05-08 10:20 哓番茄 阅读(3271) 评论(0) 推荐(0) 编辑
openlayers集成到vue开发
摘要:openlayer初步加载地图 vue项目搭好后,直接用node js安装ol, 安装好后可以看看安装的版本;我用的是5..2的版本 然后看官网相对应版本的文档,都是英文文档; 官方文档: http://openlayers.org/en/latest/apidoc/ 然后引入所需要的js; 先加载 阅读全文
posted @ 2018-11-26 14:10 哓番茄 阅读(1837) 评论(2) 推荐(0) 编辑

 
点击右上角即可分享
微信分享提示