vue+openlayers
战斗中的老段
这个作者很懒,什么都没留下…
展开
-
ol 聚合
根据数值改变聚合的填充颜色。原创 2023-03-09 16:59:48 · 126 阅读 · 0 评论 -
引入在线的openlayers 包
想换成其他版本号 可以把7.2.2 换成其他版本号。原创 2023-02-14 09:58:28 · 332 阅读 · 0 评论 -
openlayers 隐藏左上角加号和减号 放大还有缩小按钮
attribution: false 不显示右下角的地图信息控件;1、先引入 defaultControls 的模块。rotate: false 不显示指北针控件;zoom:false 不显示放大放小按钮;如果给底图添加个比例尺 那就这样写。scaleLine(比例尺)2、在加载底图里边写。原创 2022-09-15 16:56:07 · 1830 阅读 · 1 评论 -
vue + openlayers 加载高德底图
1、创建一个容器;2、引入模块 并初始化底图 并挂载底图。原创 2022-09-15 20:15:00 · 2629 阅读 · 2 评论 -
openlayers 添加OSM底图
2、引入模块,初始化底图。5、给容器设置一个宽高。原创 2022-09-15 20:00:00 · 754 阅读 · 0 评论 -
openlayers 加载高德底图
首先 路由器import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import Demo1 from '@/Demo1/index'import Demo2 from '@/Demo2/index' //跳转页面import Demo5 from '@/Demo5/index' //跳转页面// import Demo5 from '@/D转载 2021-06-01 17:09:57 · 1653 阅读 · 0 评论 -
openlayers 点线面
vue页面 Demo2<template> <div id="map" class="map"> <form class="form-inline"> <label for="type">Geometry type </label> <select id="type"> <option原创 2021-06-01 13:50:51 · 246 阅读 · 0 评论 -
vue openlayer 实现加载底图
vue页面 Demo1<template> <div id="mapDiv" class="map"> <button class="qxb" style="">ssssss</button> </div></template><script>import 'ol/ol.css';import Map from 'ol/Map';import OSM from 'ol/原创 2021-06-01 13:48:42 · 174 阅读 · 0 评论