OpenLayers
memory_zzz
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue+OpenLayers热力图【五】
<template> <div id="app"> <div id="Map" ref="map"></div> </div> </template> <script> import "ol/ol.css"; import VectorSource from "ol/source/Vector"; import { Tile as TileLayer, Heatmap as Heatma...原创 2021-08-02 15:17:30 · 1053 阅读 · 1 评论 -
Vue+OpenLayers天地图【四】
<template> <div id="map" ref="rootmap"></div> </template> <script> import "ol/ol.css"; import { get as getProjection } from "ol/proj"; import { getWidth, getTopLeft } from "ol/extent"; import View from "ol/View"; impor...原创 2021-08-02 14:44:17 · 413 阅读 · 0 评论 -
Vue+OpenLayers省份高亮【三】
点击下载数据: <a title="areaGeo数据" href="http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4" target="_blank"><br> <template> <div id="map" ref="map"></div> </template...原创 2021-08-02 14:30:16 · 930 阅读 · 2 评论 -
Vue+OpenLayers地图控件controls【二】
1.fullscreen全屏控件 写法一: import { FullScreen } from "ol/control"; this.map.addControl(new FullScreen()); 写法二: import { defaults as defaultControls, FullScreen } from "ol/control"; controls: defaultControls({ zoom: false, rotate: false, a原创 2021-07-29 09:49:16 · 1716 阅读 · 0 评论 -
Vue中使用OpenLayers【一】
安装 npm i -s ol 地图组件 <template> <div id="map" ref="map"></div> </template> <script> import "ol/ol.css"; import TileLayer from "ol/layer/Tile"; import OSM from "ol/source/OSM"; import { Map, View } from "ol"; expor..原创 2021-07-28 09:09:04 · 412 阅读 · 0 评论
分享