是可爱的大福呀~-优快云博客

1.定义一个级联<el-form :model="form" ref="form" :inline="true" :rules="rules" class="search-form search-form1"> <el-form-item label="所属行政区域" prop="distric"> <!-- <el-input v-model="addForm.address"

2022-04-11 11:41:07 4145

let map, markerCommu;var myIcon = './img/map/biao.png';var myIcon1 = './img/map/biao1.png';var infoBox;let jiuQuMarker,tangHeMarker,jiuQuLabel,tangHeLabel,qhwMarker,qgMarker,qhwLabel,qgLabel,qhwWorkMarker=[],qgWorkMarker=[];function initMap(mapI...

2022-03-25 14:23:38 523

原创百度地图-自定义弹窗

1.引入infobox.js/** * @fileoverview 百度地图的自定义信息窗口，对外开放。 * 用户自定义信息窗口的各种样式。例如：border，margin，padding，color，background等 * 主入口类是<a href="symbols/BMapGLLib.InfoBox.html">InfoBox</a>， * 基于Baidu Map API GL 1.0。 * * @author Baidu Map Api Group *

2022-03-25 14:18:40 1990

原创 Cesium 飘动的国旗

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-.

2022-01-05 15:00:09 268

原创 Cesium gif动画

2022-01-05 14:48:47 382

原创 Cesium 喷泉

cesium喷泉

2022-01-05 13:47:01 820

原创 cesium颜色

new Cesium.Color(0.165, 0.165, 0.165,0.8)Cesium.Color.WHITECesium.Color.RED.withAlpha(0.5)Cesium.Color.fromCssColorString("#001aff")Cesium.Color.fromCssColorString("rgba(254, 129, 6, 0.75)")　var color = Cesium.Color.fromRandom({alpha: 0.5 })..

2021-11-01 16:44:51 1038

原创 cesium光照阴影

let viewer = new Cesium.Viewer('cesiumContainer',{ animation: false, //动画控制，默认true baseLayerPicker: false, //地图切换控件(底图以及地形图)是否显示,默认显示true scene3DOnly: true, //设置为true，则所有几何图形以3D模式绘制以节约GPU资源 fullscreenButton: fals.

2021-10-26 11:33:43 3516

原创 iframe 父子级传值

父级：接收消息：window.addEventListener('message', function(e){ console.log('父级接收消息------->',e)}, false);发送消息：<button @click="getInfo">发送消息</button>info:{ message: "Hello Son!"}getInfo(){ var sonIframe= document.get

2021-10-09 17:18:11 158

原创 veu+cesium跨域问题

1.在WEB-INF文件夹下添加lib文件夹，导入两个jar包jetty-servlets-9.4.12.v20180830.jar和jetty-util-9.4.12.v20180830.jar2.web.xml配置跨域访问<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://

2021-08-31 09:17:50 449

原创 arcgis 跨域问题

情况描述：arcgis的WEB端使用服务器的模型，但是模型加载不出来报错如下：解决办法：在使用的arcgis文件夹下引入跨域配置文件

2021-08-31 09:15:10 490

原创 cesium 百度坐标系

cesium使用百度坐标系

2021-08-25 14:28:19 198

原创 cesium 自定义百度底图

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>自定义地图</title> <link href="../Build/Cesium/Widgets/widgets.cs.

2021-08-25 13:29:18 793

原创 vue+openlayer封装

一．安装openlayernpm install ol二．配置config.jsexport default{loadConfig: {url: 'http://xxx.xx.xxx.xx:8080/arcgis_js_v334_api/arcgis_js_api/library/3.34/3.34/init.js', //托管API 地址}}三．配置init.jsimport config from "./config"; /...

2021-08-20 15:28:03 384

原创 vue-webstrom环境搭建

一.下载安装node.js官网：https://nodejs.org/en/download/修改存储路径后一直next即可。win+r cmd 输入 node -v > 返回版本号安装成功。二.基于node.js安装cnmp(淘宝镜像)npm install -g cnpm --registry=https://registry.npm.taobao.org输入 cnpm -v > 返回版本号安装成功三.安装vuecnpm install ...

2021-08-20 15:06:26 148

原创 vue+extra+高德

1.在index.html中引入js<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=a193b223b319b7742f1657aff8acbab0&plugin=AMap.Scale&plugin=AMap.PolyEditor&plugin=AMap.MouseTool&plugin=AMap.ControlBar&plugin=AMap.

2021-08-20 15:05:15 156

原创 vue根据屏幕分辨率大小自动刷新

问题描述：在大小屏幕切换时页面宽高不能自动变化，需要手动刷新一下才行在需要的页面xx.VUE中进行配置 mounted() { var _this = this; window.onresize = function(){ // 定义窗口大小变更通知事件 _this.screenHeight = document.documentElement.clientHeight; //窗口宽度 ...

2021-08-20 15:03:36 1092