OpenLayers
易小花
这个作者很懒,什么都没留下…
展开
-
Vue+OpenLayers实践 —— 显示地图
Vue+OpenLayers实践 —— 显示地图首先自己创建一个vue项目,百度一下下,方法都有滴。安装OpenLayers依赖npm install ol全局引用ol,在main.js中引入import ‘ol/ol.css’<div id="map-div" style="width:800px;height:500px;"></div>//引入需要的东西import View from 'ol/View'import Map from 'ol/Map原创 2020-11-26 13:57:43 · 2588 阅读 · 0 评论 -
OpenLayers学习笔记(四)
OpenLayers学习笔记(四)高级篇绘制点线面var map = new ol.Map({ //底图 layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], target: 'map', view: new ol.View({ center: ol.proj.transform( [120.3原创 2020-11-24 15:29:40 · 1314 阅读 · 0 评论 -
OpenLayers学习笔记(三)
OpenLayers学习笔记(三)中级篇点击地图,弹框显示点击位置经纬度var map = new ol.Map({ layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], target: 'map', view: new ol.View({ //这儿要注意坐标系的转换 center: ol.proj.trans原创 2020-11-05 17:25:55 · 1133 阅读 · 0 评论 -
OpenLayers学习笔记(二)
OpenLayers学习笔记(二)中级篇地图的分辨率设置// 添加一个显示Open Street Map地图瓦片网格的图层new ol.layer.Tile({ source: new ol.source.TileDebug({ projection: 'EPSG:3857', tileGrid: osmSource.getTileGrid() })})OpenLayers 3提供了一个用于调试瓦片的source: ol.source.TileD原创 2020-11-05 11:02:05 · 1618 阅读 · 0 评论 -
OpenLayers学习笔记(一)
OpenLayers学习笔记初级篇创建一个简单的地图new ol.Map({ // 设置地图图层 layers: [ // 创建一个使用Open Street Map地图源的瓦片图层 new ol.layer.Tile({source: new ol.source.OSM()}) ], // 设置显示地图的视图 view: new ol.View({ center: [0, 0], // 定义地图显示中心于经度原创 2020-11-05 09:25:48 · 1885 阅读 · 0 评论