
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 · 936 阅读 · 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 · 376 阅读 · 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 · 869 阅读 · 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 · 1606 阅读 · 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 · 378 阅读 · 0 评论