<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[荣默默的博客]]></title><description><![CDATA[学习交流，只往前走]]></description><link>https://blog.youkuaiyun.com/rt2016</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; rt2016]]></copyright><item><title><![CDATA[mpabox gl加载矢量切片服务]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/122881339</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/122881339</guid><author>rt2016</author><pubDate>Fri, 11 Feb 2022 15:16:26 +0800</pubDate><description><![CDATA[代码如下：


	//加载矢量切片服务
				map.addSource('qing_', {
					'type': 'vector',
					'scheme': 'tms',
					'tiles': [
						'http://localhost:8085/geoserver/gwc/service/tms/1.0.0/myTest%3Aexport_output_1@EPSG%3A900913@pbf/{z}/{x}/{y}.pbf'

					]
				});
				map.a]]></description><category></category></item><item><title><![CDATA[mapbox gl添加symbol图层]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/122881089</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/122881089</guid><author>rt2016</author><pubDate>Fri, 11 Feb 2022 15:09:02 +0800</pubDate><description><![CDATA[话不多说，直接上代码，就是个小例子：


&lt;script&gt;
			mapboxgl.accessToken = '';//mopbox 密钥

			
			var map = new mapboxgl.Map({
				container: 'map',
				// style: 'mapbox://styles/mapbox/streets-v11',
				 style: 'mapbox://styles/mapbox/streets-v11',
				center: [114.1]]></description><category></category></item><item><title><![CDATA[原生js写个文字向上轮播播放的功能，添加鼠标滑入滑出事件]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/122880890</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/122880890</guid><author>rt2016</author><pubDate>Fri, 11 Feb 2022 15:04:39 +0800</pubDate><description><![CDATA[1.写上对应的元素;


&lt;div id="rebox"&gt;
			&lt;ul id="comment1"&gt;
				&lt;li&gt;第一条&lt;/li&gt;
				&lt;li&gt;第二条&lt;/li&gt;
				&lt;li&gt;第三条&lt;/li&gt;
				&lt;li&gt;第四条&lt;/li&gt;
				&lt;li&gt;第五条&lt;/li&gt;
				&lt;li&gt;第六条&lt;/li&gt;
			&lt;/ul&gt;
			]]></description><category></category></item><item><title><![CDATA[使用truf.js渲染出两个面重合的部分（挖洞）]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/122880587</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/122880587</guid><author>rt2016</author><pubDate>Fri, 11 Feb 2022 14:53:46 +0800</pubDate><description><![CDATA[1.定义一哥加载面的函数：


	//加载面数据
			function polygonRender(id, geojson, color, opacity) {
				map.addSource(id + '_maine', geojson);
				map.addLayer({
					'id': id,
					'type': 'fill',
					'source': id + '_maine',
					'layout': {},
					'paint': {
						'fill]]></description><category></category></item><item><title><![CDATA[mapbox gl结合turf.js完成绘图工具画线等距平分]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/122880175</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/122880175</guid><author>rt2016</author><pubDate>Fri, 11 Feb 2022 14:45:11 +0800</pubDate><description><![CDATA[1.首先引入对应的sdk插件，以及页面元素，代码如下：


&lt;link href="https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.css" rel="stylesheet"&gt;
&lt;script src="https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.js"&gt;&lt;/script&gt;
&lt;script src="js/mapbox-gl-draw.js"&gt]]></description><category></category></item><item><title><![CDATA[vue 里的 ant design表格数据的字段转换处理，如日期、布尔类型、三元表达式判断等]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/122873947</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/122873947</guid><author>rt2016</author><pubDate>Fri, 11 Feb 2022 09:45:07 +0800</pubDate><description><![CDATA[最近在使用vue ant design 的时候，在处理接口返回的列表数据的时候老是出现各种问题，比如接口里返回的是时间戳，怎么在表格里展示成日期格式；还有接口返回的是bool类型，怎么展示成对应的文字描述等，话不多说，直接上代码。


const columnsList = [
  [
    {
      title: "名称",
      align: "center",
      width: "200px",
      dataIndex: "name",
      scopedSlots]]></description><category></category></item><item><title><![CDATA[ant design 上传（a-upload）excel]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/122302232</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/122302232</guid><author>rt2016</author><pubDate>Tue, 04 Jan 2022 14:28:17 +0800</pubDate><description><![CDATA[最近老是有导入excel的功能，现在有空就来整理一下，欢迎大家提意见。
直接上代码：


 &lt;a-upload style="display: inline-block;"
                :accept="UPLOAD_FILE_SUFFIX"
                name="file"
                :multiple="false"
                :fileList= fileList
                :before]]></description><category></category></item><item><title><![CDATA[vue里的select标签的使用]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/122233225</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/122233225</guid><author>rt2016</author><pubDate>Thu, 30 Dec 2021 11:59:09 +0800</pubDate><description><![CDATA[1.拿出select的标签元素


&lt;el-select
 size="small"
 class="collapse-tags-select mini selectBox"
 style="min-width: 140px"
 clearable
 @change="timeChange"
 v-model="timeTypeVal"
 placeholder="请选择"
 collapse-tags
 filterable
 &gt;
 ...]]></description><category></category></item><item><title><![CDATA[vue执行npm install报错的问题]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/120347414</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/120347414</guid><author>rt2016</author><pubDate>Fri, 17 Sep 2021 13:57:47 +0800</pubDate><description><![CDATA[当出现上述报错的问题时候，不要惊慌，我解决的步骤如下：

1. 首先执行npmconfiglist，看看有没有安装错一些插件包；

2.执行npm uninstall node-sass卸载失败的安装；

3.执行npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

如果出现如下错误：



执行npm update命令，在执行npm run serve即可。【报错原因是没有可用的chokidar版...]]></description><category></category></item><item><title><![CDATA[postgis导入shp数据在geoserver里发布切片]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/116011160</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/116011160</guid><author>rt2016</author><pubDate>Thu, 22 Apr 2021 14:06:57 +0800</pubDate><description><![CDATA[今天就来说说这段时间自己整理出来的在使用mapbox sdk去调用geoserver发布的矢量切片服务。

1.安装好需要的软件环境，比如postgis、geoserver。打开postgis，点击view connection按钮，连接上对应的数据库服务，导入需要的shp数据。

注意：点击option按钮，编码格式改成GBK，勾选最下面的复选框选项，点击ok按钮即可。shp文件目录中不要出现中文，否则会报.dbf can not be opened的错误提示。

2.打开geoserver，添加新的工.]]></description><category></category></item><item><title><![CDATA[VSCode安装离线下载插件]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/111593494</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/111593494</guid><author>rt2016</author><pubDate>Wed, 23 Dec 2020 16:46:55 +0800</pubDate><description><![CDATA[1. 首先在官网找到自己需要下载的离线插件包，网址如下：

https://marketplace.visualstudio.com/

2. 找到安装VSCode的bin目录，把下载好的离线插件包放在bin目录下，在该目录下右键，

打开命令窗口执行如下命令：

code --install-extension techer.open-in-browser-2.0.0.vsix

回车执行，看见 successfuly字样就是操作成功。

一般需要安装浏览的插件用techer.open-in-browse]]></description><category></category></item><item><title><![CDATA[mapbox gl 加载gltf模型]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/111567359</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/111567359</guid><author>rt2016</author><pubDate>Tue, 22 Dec 2020 21:44:07 +0800</pubDate><description><![CDATA[首先得理解gltf文件就是一个json文件，GLTF代表Graphics Language Transmission Format（图形语言传输格式），描述的是三维场景数据的组成和构造。

1.引入mapbox gl的sdk，另外也得引入

&lt;script src="js/three.min.js"&gt;&lt;/script&gt;&lt;script src="js/GLTFLoader.js"&gt;&lt;/script&gt;这两个js插件，废话不多说，直接上代码：

&lt;!DOCT.]]></description><category></category></item><item><title><![CDATA[Css Grid代码搞定响应式布局]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/105914640</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/105914640</guid><author>rt2016</author><pubDate>Mon, 04 May 2020 11:20:18 +0800</pubDate><description><![CDATA[老规矩，直接上代码。

1.css里的Grid布局【网格布局】：

html代码：

&lt;div class="cotn"&gt;

  &lt;div&gt;1&lt;/div&gt;

 &lt;div&gt;2&lt;/div&gt;

 &lt;div&gt;3&lt;/div&gt;

 &lt;div&gt;4&lt;/div&gt;

 &lt;div&g...]]></description><category></category></item><item><title><![CDATA[图片样式和下载]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/105914539</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/105914539</guid><author>rt2016</author><pubDate>Mon, 04 May 2020 10:56:02 +0800</pubDate><description><![CDATA[1.图片水平垂直居中：

{
  display: inline-block;
  margin: 0 auto;
  object-fit: cover;//被替换的内容大小保持其宽高比，同时填充元素的整个内容框。 如果对象的宽高比与盒子的宽高比不匹配，该对象将被剪裁以适应。（fill/contain/none/scale-down等属性）
  width: 100%;
  ...]]></description><category></category></item><item><title><![CDATA[前端对象数组去重的几种方法]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/105914442</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/105914442</guid><author>rt2016</author><pubDate>Mon, 04 May 2020 10:54:10 +0800</pubDate><description><![CDATA[1.对象数组去重：


$(document).ready(function(){

 let data = [
    { id: 201801, name: '张三', age: 15, },
   { id: 201804, name: 'John', age: 18, },
   { id: 201802, name: '李四', ...]]></description><category></category></item><item><title><![CDATA[mapbox-gl知识点整理]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/105913675</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/105913675</guid><author>rt2016</author><pubDate>Mon, 04 May 2020 10:45:03 +0800</pubDate><description><![CDATA[1.mapbox概述：

mapbox致力打造全球最漂亮的个性化 地图，样式的设置都支持矢量瓦片。目前mapbox-gl.js的版本是11.0版本，样式版本由7升到8。默认的投影坐标是3857。加载矢量切片服务时需要加载sprite【图标符号】和glyphs【指定矢量图层的字体】。其中sprite用来指定图标资源的url，一般情况下是.json或者.png后缀结尾；glyphs则是以.pdf后缀结...]]></description><category></category></item><item><title><![CDATA[天地图服务在https协议下请求正常加载显示地图]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/101550483</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/101550483</guid><author>rt2016</author><pubDate>Fri, 27 Sep 2019 18:20:55 +0800</pubDate><description><![CDATA[首先把需要使用的天地图服务，如矢量地图服务地址如下：


//天地图矢量服务
"http://t0.tianditu.gov.cn/vec_c/wmts?SERVICE=WMTS&amp;REQUEST=GetTile&amp;LAYER=vec&amp;TILEMATRIXSET=c&amp;FORMAT=tiles&amp;VERSION=1.0.0&amp;STYLE=default&amp...]]></description><category></category></item><item><title><![CDATA[mapbox利用geojson数据来渲染点线面]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/101549230</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/101549230</guid><author>rt2016</author><pubDate>Fri, 27 Sep 2019 17:58:38 +0800</pubDate><description><![CDATA[//针对的是mapbox加载geojson的数据格式去渲染点线面

首先说说source的类型有哪些：

source的类型有：

1.type: "geojson" （点（circle）线（line）面（fill）图标（symbol））【map.getSource('geojson').setData(geojson)给数据源赋值】

2.type: "image"（图片）【map.getS...]]></description><category></category></item><item><title><![CDATA[加载天地图服务出现空吧图片类似404图片加载失败的效果]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/101549042</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/101549042</guid><author>rt2016</author><pubDate>Fri, 27 Sep 2019 17:50:29 +0800</pubDate><description><![CDATA[如果出现加载天地图出现该情况：



解决办法其实很简单，一句代码就ok了，话不多上，上代码：

//创建自定义图层对象

var lay = new T.TileLayer(layers[i].layer.FR,{errorTileUrl:'./images/blankbg.png'});

//将图层增加到地图上

this.twomap.addLayer(lay);

加上{errorTil...]]></description><category></category></item><item><title><![CDATA[前端试题]]></title><link>https://blog.youkuaiyun.com/rt2016/article/details/86636710</link><guid>https://blog.youkuaiyun.com/rt2016/article/details/86636710</guid><author>rt2016</author><pubDate>Fri, 25 Jan 2019 10:00:44 +0800</pubDate><description><![CDATA[1.bind(), live(), delegate()的区别
bind： 绑定事件，对新添加的事件不起作用，方法用于将一个处理程序附加
到每个匹配元素的事件上并返回 jQuery 对象。
live： 方法将一个事件处理程序附加到与当前选择器匹配的所有元素（包含
现有的或将来添加的）的指定事件上并返回 jQuery 对象。
delegate： 方法基于一组特定的根元素将处理程序附加到匹配选择器的所...]]></description><category></category></item></channel></rss>