webgis
文章平均质量分 62
从南慕白
这个作者很懒,什么都没留下…
展开
-
vue 天地图定位坐标,添加多个图层
vue-cli3 vue2<template> <div id="app"> <div id="map"></div> <!-- <div id="map2"></div> --> <button v-on:click="maxZooms">放大</button> <button v-on:click="minZooms">缩小</butt..原创 2021-12-24 11:00:31 · 2739 阅读 · 0 评论 -
vue-cli3 天地图添加热力图
##注意:热力图需要引入一个js文件<script type="text/javascript" src="http://lbs.tianditu.gov.cn/api/js4.0/opensource/openlibrary/HeatmapOverlay.js"></script><template> <div id="app"> <div id="map"></div> <div> .原创 2021-12-24 10:58:31 · 1543 阅读 · 3 评论 -
安装jdk配置geoserver
百度云:链接:https://pan.baidu.com/s/1smp24HYZnPJsAPZRiXfptw提取码:zdzx##一、配置java环境双击安装配置系统变量新建系统变量JAVA_HOME 变量值为jdk安装时的路径CLASSPATH.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;验证:java -version##二、安装tomcat解压安装包变量原创 2021-12-24 10:55:58 · 1697 阅读 · 1 评论 -
使用PostGIS+GeoServer+Openlayer+Vue构建简单的web地图应用
##一、将shx通过postgis导入1、创建数据库2、右键–>新建对象–>新建扩展3、菜单栏点击插件–>打开postgis 也可通过开始菜单注意点:文件路径不可有中文,文件格式应为utf-8刷新之后会出现新的数据表##二、设置geoserver1、新建工作区2、创建数据存储3、创建样式4、发布图层步骤:1、新建图层点击发布–>2、设置边框–>3、点击第三张图的发布–>4、选择line–>5、点击保存–>6原创 2021-12-24 10:52:56 · 1461 阅读 · 0 评论 -
openlayers6 解决当收起侧边栏时,地图宽度没有铺满的问题
watch: { '$store.state.user.updateSize': function() { if (this.$store.getters.updateSize == 1) { var div = document.getElementById('map') div.style.width = '100vw' this.map.updateSize() } } },原创 2021-12-24 10:48:38 · 602 阅读 · 0 评论 -
openlayers6 vue 解决绘制双击结束放大地图
import { DoubleClickZoom } from "ol/interaction";/** * DoubleClickZoom 双击放大事件 * 绘制前删除 绘制后添加 利用时间差来避免绘制结束后双击放大地图 */const dblClickInteraction = this.mapdraw .getInteractions() .getArray() .find(interaction => { return interaction instanceof原创 2021-09-03 10:17:58 · 681 阅读 · 2 评论