openlayers
文章平均质量分 54
张栓来
一只小菜鸟
展开
-
vue+openlayers5学习总结(一)入门demo实例
目录原创 2019-05-24 13:15:02 · 9998 阅读 · 0 评论 -
vue+openlayers5学习总结(八)vue封装除矢量外的所有功能
目录1.olmap.vue2.mapconfig.js3.mapcontrols.js4.layercontrols.js5.pro.js6.measure.js7.viewcontrols.js1.olmap.vue<template> <div> <!-- <div id="map" ref="rootmap" class="map">...原创 2019-06-24 15:23:53 · 191 阅读 · 1 评论 -
vue+openlayers5学习总结(七)vue封装的一些功能
目录1.封装测量功能1.封装测量功能vue中使用方法 self.source = new VectorSource(); var vector = new VectorLayer({ source: self.source, style: new Style({ fill: new Fill({ color: "rgba(2...原创 2019-06-20 14:28:25 · 129 阅读 · 1 评论 -
vue+openlayers5学习总结(六)改装成vue的一些功能
目录1.测量功能1.测量功能源代码<template> <div> <!-- <div id="map" ref="rootmap" class="map"></div> --> <div id="fullscreen" class="fullscreen"> <div id="ma...原创 2019-06-18 14:50:02 · 58 阅读 · 1 评论 -
vue+openlayers5学习总结(五)改装成vue的一些功能
目录1.画点线面1.画点线面div中代码 <form class="form-inline"> <select v-model="selected"> <option v-for="option in options" v-bind:value="option.value">{{ option.text }}</opt...原创 2019-06-05 18:03:59 · 29 阅读 · 1 评论 -
vue+openlayers5学习总结(四)改装成vue的一些功能
目录1.加载本地geojson1.加载本地geojsonolmap文件如下:<template> <div> <div id="fullscreen" class="fullscreen"> <div id="map" ref="rootmap" class="map"></div> <di...原创 2019-05-24 19:57:01 · 62 阅读 · 1 评论 -
vue+openlayers5学习总结(三)构建最初vue框架
目录1、构建vue脚手架,在src中新建olmap文件夹。1.1 main.js1.2 App.vue1.3 router/index.js1.4 olmap/view/olmap.vue1.5 olmap/config/mapconfig.js1.6 components/HelloWorld.vue1、构建vue脚手架,在src中新建olmap文件夹。1.1 main.jsimport...原创 2019-05-24 15:28:43 · 55 阅读 · 1 评论 -
vue+openlayers5学习总结(二)官网examples运行实例
目录1.下载官方源码,将data拷贝到(一)中的工程中。2.找到官方源码中的examples,选其中一个实例。如下图3.需要对实例进行修改才能运行1.下载官方源码,将data拷贝到(一)中的工程中。2.找到官方源码中的examples,选其中一个实例。如下图3.需要对实例进行修改才能运行将文件拷贝到目录下,改写html文件<!DOCTYPE html><html...原创 2019-05-24 14:06:10 · 2294 阅读 · 0 评论 -
vue+openlayers5学习总结(九)vue20190715封装源码
文章目录1.地图界面2.vue结构3.view文件夹3.1olmap.vue3.2mapconfig.js3.3mapcontrols.js3.4layercontrols.js3.5layergroups.js4.projecton文件夹4.1pro.js5.mapcommands文件夹5.1viewcontrols.js5.2measure.js5.3shpcontrols.js6.packa...原创 2019-07-15 17:42:55 · 174 阅读 · 1 评论