Web GIS
Web GIS
MINO吖
代码就是一门艺术.
展开
-
OpenLayers加载天地图
Vue中使用OpenLayers加载天地图图层。网站中创建应用原创 2022-10-17 10:30:32 · 2599 阅读 · 1 评论 -
OpenLayers中移除默认控件,添加其他控件
OpenLayers中移除、添加控件原创 2022-08-16 18:08:53 · 1132 阅读 · 2 评论 -
OpenLayers - 3857和4326
OpenLayers:v6.8.1EPSG:3857坐标系(投影坐标)在 openlayers 中默认的坐标就是google的摩卡托坐标,也就是我们经常看到的 EPSG:3857 坐标系。EPSG:3857 的数据一般是这种的。[12914838.35,4814529.9],看上去相对数值较大。不利于存储,比较占内存。EPSG:4326(地理坐标)4326 WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块)EPSG:4326 的数据一般是这种的。[2.原创 2021-11-14 18:20:34 · 3688 阅读 · 0 评论 -
ArcGIS调用天地图底图,解决同时调用GIS服务和天地图的冲突
ArcGIS调用天地图天地图服务申请:地图API 申请天地图的token(key),本地开发不设置域名限制定义、使用天地图图层 加上你自己的 tk1. declare定义require(["dojo/_base/declare", "esri/layers/TiledMapServiceLayer"], function (declare, TiledMapServiceLayer) { declare("TDTLayer", [TiledMapServiceLay...原创 2020-12-10 15:53:17 · 2984 阅读 · 1 评论 -
WebGIS - ArcGIS + Vue3.0初始地图服务加载(Demo)
基于Vue3.0,使用ArcGis API For JavaScript,加载一个地图服务项目构建# 项目构建-选择3.0版本vue create arcgis# 安装arcgisnpm i esri-loader -S1. 引入样式 index.scss@import "https://js.arcgis.com/4.10/esri/css/main.css";2. setup() App.vue<template> <...原创 2020-09-29 16:19:54 · 1654 阅读 · 0 评论 -
OpenLayers坐标转换
HTTP发送请求,获取Polygon坐标点;将EPSG:4548转换为EPSG:3857import { register } from "ol/proj/proj4";import { transform } from "ol/proj";import proj4 from "proj4";proj4.defs("EPSG:4548","+proj=tmerc +lat_0=0 +lon_0=117 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +unit.原创 2020-11-20 08:42:54 · 1977 阅读 · 0 评论 -
Vue下OpenLayers中Style-Icon的图片路径
OpenLayers加载图片的方式原创 2020-10-23 17:33:53 · 2341 阅读 · 9 评论 -
Nuxt - Leaflet 使用 插件报错“Window is not define”
1. Plugins在plugins目录下添加文件:vue-leaflet.jsimport Vue from "vue";import { LMap, LTileLayer, LMarker } from "vue2-leaflet";import "leaflet/dist/leaflet.css";// 注册需要用到的组件Vue.component("l-map", LMap);Vue.component("l-tile-layer", LTileLayer);Vue.compo原创 2020-11-02 13:06:32 · 911 阅读 · 0 评论 -
Leaflet - 解决地图容器尺寸变化,地图有空白的问题
size变化,地图重新加载setTimeout(()=>{ map.invalidateSize(true)}, 400)在一个vue + leaflet的项目中,左侧目录可以进行伸缩,右侧地图自适应大小;1. 布局点红色按钮,弹入、弹出左侧目录列表。整体是flex,设置左侧为一定的宽度,右侧设置flex-grow:1自适应剩余空间伸缩通过,修改左侧宽度:width:0px 实现;2. 问题当地图的容器宽度变化后,地图的图层并未及时加载,拖动地.原创 2021-03-09 20:40:35 · 3290 阅读 · 0 评论