vue中矢量切片样式文件style.json 部署到正式环境

最新推荐文章于 2022-05-13 17:41:44 发布
最新推荐文章于 2022-05-13 17:41:44 发布
阅读量322 收藏
点赞数
分类专栏： webgis vue小白炼成记 vue3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chpswg/article/details/105378974
版权
vue小白炼成记 同时被 3 个专栏收录
28 篇文章 0 订阅
订阅专栏
vue3
18 篇文章 0 订阅
订阅专栏
webgis
13 篇文章 0 订阅
订阅专栏

vue中通过mapbox脚本添加矢量切片，会存在跨域问题，需要修改的地方如下

其中矢量图层不需要跨域处理，为图层在矢量切片服务器中的地址，但是sprite和glyph的地址需要做跨域处理

sprite和glyphs在nginx.conf中的跨域处理如下

cici_cmh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2 + webpack5相适配的 能成功打包的 package.json 文件
08-25
vue2 项目 + webpack 打包工具，是一个非常经典的组合，但是在...小记：这只是配置的 package.json 文件，更有配置好的 webpack.config.js 文件，以及整个完整的 vue2+webpack5 整个的项目，因为上传的规定可以找我来拿
详解vue-cli 脚手架项目-package.json
12-08
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 ...
Style.json详解
Zxs021310的专栏
04-21 1982
在mapbox-gl地图开发过程中，style无疑是最重要的结构。它是数据驱动地图的核心，地图依据此绘制加载；同时它也是地图诊断问题的核心，地图上图层出不来，图标没加载，文字标识不存在，无不基于此作为最终解决手段 加载简单地图 地图加载最简单的结构如下，我们核心的style是一个json对象，我们初始化时设置给地图，并且在添加，删除，更新图层时，都是在操作此对象 this.mapStyle = require('./static/map.json'); this.map = new mapb
js修改本地json文件_mapbox-gl本地化实践
weixin_40001395的博客
11-25 1473
很多时候，我们不能将我们的数据托管到mapbox的在线服务。我们希望使用mapbox studio定制完地图样式后，将样式文件导出，然后将数据服务改成geoserver发布的矢量瓦片服务。实现这个目标，需要解决：1、图标等静态资源的本地化。2、字体文件本地化。2、数据服务的本地化。一、使用geoserver发布矢量瓦片服务上一篇文章已经介绍了如何使用geoserver发布矢量瓦片服务（数据源使用的...
Mapbox本地化处理思路总结
hequhecong10857的博客
10-29 1048
思路 通过地图下载器、OSM、百度云、GIS数据服务网站等资源获取矢量数据 通过Geoserver发布矢量切片服务（具体见之前的文章） 通过开源工具spritezero cli或者java代码制作雪碧图 通过开源工具node-fontnik制作字体pbf文件 通过开源工具Maputnik本地化编辑地图样式，生成style.json文件 Mapbox加载style.json数据实现本地化处理 难点 除了第3点和第4点不熟悉之外，其它的都已经自己动手实现过。这两点使用的spritezero cli和node
GIS开发：Maputnik地图样式编辑器
地理信息技术杂谈 博客，欢迎技术交流
04-17 5161
maputnik是一个开源、可视化的web版mapbox地图样式编辑器，类似于百度、高德地图的地图样式编辑器。 github地址： https://github.com/maputnik/editor 客户端可配置样式地图参见公众号文章：GIS开发：客户端控制的地图样式 使用vector tiles技术发布的数据，可以在maputnik的界面上进行数据连接，选择加载其中的图层，进行每个图层的样式配...
矢量地图自定义切片样式
zhulifeng的专栏
05-26 1354
准备工作 http://download.openstreetmap.fr/extracts/asia/china/ 下载中国省级矢量地图数据,列如:shanghai-latest.osm.pbf http://maperitive.net/ 下载maperitive工具进行自定义样式与切片 打开maperitive 选择 File-Open Map Sources 打开下载的矢量地图数据 右下角点击Web map(OSM Mapnik) 星星 不显示默认地图 自定义样式文件: 有默认的几种样式可以
package.json中main，module，exports三种方式的使用，自定义入口文件index.js
最新发布
05-07
对于Vue.js项目，尤其是由`@vue/cli`生成的Vue3项目，`package.json`中的`main`、`module`和`exports`字段用于指定不同环境下的入口文件，这有助于优化加载和打包过程。本文将深入探讨这三种方式的使用以及如何...
vue组件+db.json+element ui优化界面
03-20
vue 项目答辩使用vue技术db.json还有用了vue 脚手架，用了element ui优化界面使用了，包括登录页面，班级主页，班级相册，班级新闻，成员管理，网页中使用了vue+Element Ui+db.json技术，利用了数据共享技术，内容...
百度地图开发mapStyle个性化地图styleJson的配色解决方案
热门推荐
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
06-01 1万+
mapStyle: { styleJson: [{ 'featureType': 'water', 'elementType': 'all', 'stylers': { 'color': '#d1d1d1' } }, { 'featureType': 'lan..
百度地图好看的样式json文件
01-14
适合暗色背景
StyleJSON.zip
09-18
开发过程中经常受到json字符串信息，但是非格式化的字符信息不好查看值。网络上有在线工具，但有时候没有网络就不好处理，所有作了一个简单工具。
自定义百度地图style样式
qq_44326745的博客
09-15 2481
使用百度地图的开放式开发接口的时候，可以自定义地图样式 默认样式朴实无华，毫无特色 使用了自定义的地图样式之后（可以修改配色以搭配整体项目氛围????????????????????????????????????????????☘️????） 流程 1、注册成为百度开放开发者 2、编辑自己需要的样式，发布生成id 已有的各种各样的样式模版 3、可以自己创建 or 修改styleJson 4、在项目中调用 a. 调用id：map.setMapStyleV2({styleId: '一串哈希值I
style样式：json对象和字符串相互转化
dt1991524的博客
02-27 3201
在mpvue项目中，由于:class和:style样式不能是对象的形式，必须转化为字符串，就需要下面的转化方法。 一.json对象转字符串 showJson(style){ for(let i in style){ s.push(i+':'+style[i]); } s = s.join(';') ...
Python_baidu_map_styleJson
ydk001001的博客
01-14 258
Python调用高德地图API实现经纬度换算、地图可视化 "styleJson": [ { "featureType": "water", "elementType": "all", "stylers": {"color": "#d1d1d1"}, }, .
mapbox-gl开发教程（六）：矢量切片前端样式配置
地理信息技术杂谈 博客，欢迎技术交流
05-13 788
矢量切片发布完成，需要在前端进行样式配置GIS开发：客户端控制的地图样式，颜色、字号、线宽、填充色、标签图片等属性设置，mapbox-gl样式配置结果是一个json文件，图层比较多时，需要一个可视化的工具进行编辑，国内的高德、百度等在线地图，支持客户端配置地图样式，同时提供了一个在线的可视化配置工具。 mapbox-gl作为一个开源的地图类库，提供了一些开源的样式配置工具，Mapbox Studio、MVT Styler、Maputnik等，通过这些可视化的工具，能够对发布的矢量切片数据进行配置，一般都是国
JSON风格指南
lxgwm2008的专栏
07-09 1065
版本：0.9 英文版：http://google-styleguide.googlecode.com/svn/trunk/jsoncstyleguide.xml 翻译：Darcy Liu 译文状态：草稿 简介 该风格指南是对在Google创建JSON APIs而提供的指导性准则和建议。总体来讲，JSON APIs应遵循JSON.org上的规范。这份风格指南澄清和标准化了特定情况，从而使G
矢量切片格式规范
weixin_30483697的博客
08-17 447
原文链接：https://www.mapbox.com/vector-tiles/#open-standard 矢量切片快速的提供巨大的地图，同时提供完整的设计灵活性。它们相当于是网络映射的图像瓦片的矢量数据。采用平铺开–缓存的优势，提供地图图像缩放和快速–矢量数据。 传统上，从图像块创建的地图。比如像这个PNG图像平铺描绘曼哈顿下城与道路，建筑物轮廓，公园一角： 要获得...
基于矢量切片的电子地图配图（四）配置基础要素
ceibake的博客
09-08 1601
本篇开始介绍在ArcGIS Pro中如何进行电子地图配图。按照操作步骤由少到多的顺序，本篇介绍配置基础要素。包括境界线、植被、居民区和带有底色的行政区划面图层。
找不到文件“@vue/tsconfig/tsconfig.dom.json”
07-15
"@vue/tsconfig/tsconfig.dom.json" 文件是 Vue.js 项目中的一个 TypeScript 配置文件，用于在浏览器环境中编译 TypeScript 代码。请确保您的项目结构和文件路径是正确的。 首先，请确认您是否已经在项目根目录下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值