- 博客(16)
- 收藏
- 关注
原创 uniapp微信小程序自定义分享配置及可能存在的问题及解决方法
data() {return {//设置默认的分享参数title: '分享标题',path: '/pages/homePage/homePage',//分享默认跳转到页面地址imageUrl: 'https://****/1.png',//分享卡片默认展示的图片},//发送给朋友//设置分享的当前页面的地址let data = getCurrentPages()[getCurrentPages().length - 1]//获取当前页面地址}//当前页面是否携带参数,并获取参数。
2024-03-07 14:41:47 1231
原创 行政区高亮显示
vue结合openlayer使用geoserver发布服务根据下拉框选择对应属性显示高亮,并根据中心坐标定位放大,显示结果为:加载整体的geoserver服务:this.sxboundary = new ImageLayer({ source: new ImageWMS({ ratio: 1, url: geoserver图层工作区, params: { FORMAT: "ima
2021-12-03 13:47:27 1041
原创 微信小程序使用websocket
微信小程序使用websocket连接websocketlet url = `******`//websocket地址wx.connectSocket({ url: url, success() { console.log('连接成功') that.initEventHandle() //websocket绑定的各种事件 } })websocket绑定的各种事件 // web
2021-11-29 09:49:28 8181 3
原创 微信小程序使用table及左滑操作
微信小程序使用table及左滑操作wxml<view class="table"> <view class="tr"> <view class="th th1">序号</view> <view class="th th2">类型</view> <!-- <view class="th th3" wx:if="{{roleid == 1 || roleid == 2}}">
2021-11-29 09:48:59 892
原创 el-tree的使用
el-tree的使用el-tree复选框的使用后台返回数据处理为el-tree展示格式,使没有子级时父级也不展示复选框,有子级时展开展示,如下图:想不起来为什么有红框位置的代码,带我想一下再补充,但是这么写确实解决了我目前关于el-tree的需求...
2021-11-29 09:45:46 585
原创 geoserver服务点击某一元素显示高亮
geoserver服务点击某一元素显示高亮针对vue结合openlayers的使用点击geoserver显示弹框文章中显示高亮的优化,弹框popup待优化let self_map = this.map; self_map.on("singleclick", function(evt) { //点击只一个元素高亮 if (this._wfs_layer_) { self_map.removeLayer(this._wfs_laye
2021-11-23 10:49:55 904
原创 openlayer绘制矩形/多边形并返回geojson
openlayers绘制矩形/多边形并返回geojson//添加绘制矩形图层layer = new vectorLayer({ source: new Vector(), style: new Style({ stroke: new Stroke({ color: "red", width: 4, }), fill: new Fill({ color: "rgba(255, 255, 255, 0.8)",
2021-08-10 14:24:09 2253
原创 vue动态样式的添加
<div v-for="(item,index) in rain" :key='index' :class="{'numnomal':true,'con-active':index == active?true:false}" @click="changenum(item, index)">{{item}}</div>data() { return { active: 0, } }changenum(item, index) { this.a
2021-08-06 17:50:37 546
转载 vue使用elementUI刷新页面保持菜单栏选中状态
<el-menu :default-active="this.$route.path" class="el-menu-demo" mode="horizontal" background-color="#1A545A" text-color="#fff" active-text-color="#fff"> <SidebarItem v-for="route in permission_routes" :key="route.path" :item="route" :base-p
2021-08-06 17:35:25 1329
原创 vue结合openlayers加载geojson,并根据不同级别渲染不同颜色
vue结合openlayers加载geojson,并根据不同级别渲染不同颜色不同级别不同颜色样式的设置(面) let styleFunction = function(feature) { let dn = feature.get('dn'); if (dn == 1) { return new Style({ stroke: new Stroke({
2021-05-06 14:57:58 3270
原创 echarts 图表根据不同值展示不同颜色的柱子
echarts 图表根据不同值展示不同颜色的柱子series: [{ name: '面积', data: this.ydata, type: 'bar', itemStyle:{ normal:{ color:function(params){ let ty = params.name;
2021-05-06 14:03:13 696
原创 vue结合openlayer的使用之在弹框中展示地图
vue结合openlayer的使用之在弹框中展示地图弹框中展示地图将map创建组件形式引入弹框中<el-dialog width="600px" :title="shpTitle" v-dialogDrag :close-on-click-modal="true" :fullscreen="dialogFull" :visible.sync="diashp" :before-close="closeDetial" append-to-body style="margin-top:
2021-03-29 11:55:39 655
原创 vue父组件获取子组件数据/事件
vue父组件获取子组件数据父组件;在已引入的子组件标签 <child @cityCode="cityCode" ref="childSheng"></child>获取子组件的事件,在父组件方法中 this.$refs.childSheng.getTileUrl();获取子组件数据,在父组件方法中cityCode(val) { console.log(val)}子组件中将数据传给父组件this.$emit("cityCode", city);.
2021-01-17 21:50:05 1092
原创 vue结合openlayer的使用
Vue结合openlayer加载geoserver图层(imageWms)的弹框geoserver中imageWMS添加popup弹框geoserver中imageWMS添加popup弹框查看图片图层包含的图块信息:弹窗;<div id="popup" class="ol-popup"> <a href="#" id="popup-closer" class="ol-popup-closer"></a> <div id="popu
2021-01-17 21:41:49 709 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人