qq_37236395的博客

模型加载与切割

添加实体

Vue.js2+Cesium一、初始化DemoGithub初始化环境node V10.15.0npm 6.4.1<template> <div id="cesium-container" style="width: 100%; height: 100%;" /></template><script>/* eslint-disable no-undef */export default { data () {

PreviewOnline DemoArcGISArcGIS 官方文档一、安装 ArcGIS 官方加载依赖 esri-loaderesri-loader 官网npm install esri-loader --save-dev二、添加地图初始化页面InitMap.vue<template> <div id="map-container" style="width:100%;height:100%;"> </div></temp

PreviewOnline Demo一、ArcGIS REST Services二、加载 MapServer加载 MapServer 可以使用 ArcGISTiledMapServiceLayer（切片服务图层）、ArcGISDynamicMapServiceLayer（动态服务图层）方式。底图使用 ArcGISTiledMapServiceLayer，有标注的地图服务使用 ArcGISDynamicMapServiceLayer。<template> <div id=

PreviewOnline Demo添加标注功能方法封装<template> <div id="map-container" style="width:100%;height:100%;"> <button style="position:absolute;right:50px;top:50px;z-index:999;" @click="addCustomSymbolsLayer">自定义标注</button&g

PreviewOnline Demo封装空间测量方法带删除当前点击的标注功能。measure.jsexport default { measure(map, gisConstructor, options) { options.map = map // eslint-disable-next-line no-undef dojo.declare('measureLayer', gisConstructor.GraphicsLayer, {

PreviewOnline Demo空间统计方法<template> <div id="map-container" style="width:100%;height:100%;"> <div style="position:absolute;right:50px;top:50px;z-index:999;"> <button @click="spatialStatisticsFun('point'

drag-timeline-vue带拖动功能的时间轴DemoGithub📦 Installnpm install --save drag-timeline-vue全局引用main.jsimport DragTimelineVue from 'drag-timeline-vue/packages/index'Vue.use(DragTimelineVue)🔧 Usage <DragTimelineVue v-model="timelineValue"

vue-awesome-swiper 实现 tab 切换效果Githubvue-awesome-swiper 3.x安装 vue-awesome-swiper 3.x 时会自动安装 swiper 4.xnpm install vue-awesome-swiper@3.1.3 --save<template> <div id="app"> <h5swiper ref="swiperTitle" class="swiper-title" :op

Github前端 vue.js + d3.js。需求上部区域展示所有的概念类别、以及画布内他们的个数展示所有关系类别，以及画布内他们的个数显示所有的概念场景（scenes 字段）、关系场景（source 字段）及画布的个数点击可选中和取消选中，取消选中时，批量隐藏对应的类别图像区域有按钮可控制缩放整个可视化页面可全屏图像区域内图形化展示概念名、关系名、关系概率（如有）非展示 id；未缩放时，图形展示可看清的大小，不一定展示全局。单击概念，弹出概念选项：a.固定：固定节点位置.

Github轨迹回放功能<template> <div id="map-container" style="width:100%;height:100%;"> <div style="position:absolute;right:50px;top:50px;z-index:999;"> <button @click="trackPlayBackInit()">轨迹回放.

GitHub时间轴组件封装Main.js<template> <div class="timeline-main"> <div class="timeline-axis"> <div class="axis-item" v-for="(time, index) in dateTimes" :key="index"> <div class="axis-item-tick" .

GitHubVue.js+Vue Router+Vuex实现用户登录、注销功能登录页面Login.vue<template> <div class="login"> <input type="text" placeholder="用户名" v-model="loginForm.username"> <input type="text" placeholder="密码".

Vue.js 实现日历效果Github功能需求使用 Vue.js 实现指定年月的日历表，配合后台接口数据，添加对应日期的空气质量描述等信息。后台传递当月空气质量指数的数据，前端生成日历表后将空气质量指数添加到对应日期上。空气质量数据示例：data.json{ "code": 200, "msg": "", "data": [{ "time": "2020-08-01", "kqzl": "优" }, { "time": "202

一、初始化项目1.1、新建 package.jsonnpm init1.2、安装依赖npm 安装 vue、vue-router、vue-loader、webpack、webpack-cli，这些只是开发环境所需要的依赖，使用 --save-dev 安装到开发环境（见 package.json devDependencies）下：npm install vue vue-router vue-loader webpack webpack-cli --save-devwebpack 4.x 已经把