地图cesium
3D组合地图在数据可视化大屏中的应用
前言 当下数据可视化大屏展示的花样层出不穷，可视化大屏的C位越来越卷，地图的样式已经不再止步于普通的平面地图，在虚拟环境中探索和交互，今天我们要介绍的这一款3D组合地图可以将复杂的数据以直观的方式呈现出来，使得数据更容易被理解和分析。例如，通过将人口分布、经济状况等数据与3D地图相结合，可以直观地展 ......
地图服务器GeoServer的安装与配置
目录1.安装配置Java2 安装配置Tomcat3 安装配置GeoServer GeoServer提供了多种安装配置方式，但是本质上GeoServer是一个基于Java Web的项目，因此我们理论上只需要安装Java，并且将其放置在一个Web服务器（例如Apache Tomcat）下进行发布就可以了 ......
Cesium中的空间直角坐标系、经纬度、弧度之间的转换
<!DOCTYPE html> <head> <title>Hello World</title> <script src="../Build/Cesium/Cesium.js"></script> <link href="../Build/Cesium/Widgets/widgets.css" r ......
Cesium基础入门教程
Cesium中的坐标系以及坐标转换 Cesium中常用的坐标 Cesium中坐标转换 经纬度坐标转换成世界坐标 两种方式将经纬度转换成世界坐标 1. 直接转换 var cartesian3 = Cesium.Cartesian3.fromDegrees(lng, lat, height); 2. 借 ......
uniapp map地图 多边形中心点
需求：用户进入页面，页面展示电子围栏中心点， 技术栈：uniapp+map地图 效果图： ：：接口未返回中心点的经纬度，需要前端计算中心点在哪里 代码： centerList() { let newArr = this.arrRed.map(item => { item.latitude = Num ......
地图坐标转换 WGS84、BD09与GCJ02的相互转换
高德地图 WGS84转GCJ02 export function wgs84ToGcj02(lng, lat) { if (out_of_china(lng, lat)) { return [lng, lat] } else { var dlat = transformlat(lng - 105.0 ......
vue3调用高德地图，实现地址，经纬度填写
父组件引用高德地图： 1 <template> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="form-box"> 5 <el-form 6 label-position="top" 7 :inline="true" 8 :mod ......
# cesium 截取图片
cesium 截取图片 没啥好说的，直接贴代码吧 toImg() { if (viewer) { viewer.scene.render(); let canvas = viewer.scene.canvas; let image = canvas.toDataURL("image/png").re ......
Leaflet 使用图片作为地图
Leaflet 使用图片作为地图 关键代码： L.CRS.Simple.transformation = new L.Transformation(1, 0, 1, 0); // 坐标原点切换为左上角 var map = new L.Map('map', { crs: L.CRS.Simple, / ......
高德地图api报错 Get geolocation timeout.Get ipLocation failed.
使用了https 报错 Get geolocation timeout.Get ipLocation failed. 报错是定位超时，由于JSAPI 使用的是浏览器提供的定位服务，所以定位的准确度和成功率都会对浏览器有很大的依赖。由于Chrome在国内没有提供服务，因此使用Chrome定位服务的浏览 ......
three.js3D地图省市下钻加上钻踩坑记录（未完待续）
1，three 安装失败 首先脚手架种安装three，我不知道是网络问题还是什么，three我总是安装不上， 于是我就下载了网上别的博主得成品代码，把里面 de 包拿出来放在我自己项目中 安装包链接在此，如有需要自取 ，https://files.cnblogs.com/files/jickma/t ......
Cesium开发遇到的问题解决
问题1： 后台缓存收回进程无法释放上下文[/BUSINESS的缓存的[10]%-请考虑增加缓存的最大大小。 原因：出现该问题是Tomcat启动时，占用的缓存较大，Tomcat默认的缓存是10000KB.解决：需要调整Tomcat目录下\conf\context.xml文件中的缓存的最大值，需要添加在 ......
vue3使用cesium
1、安装vite-plugin-cesium： npm i -D vite-plugin-cesium 2、 安装cesium： npm i -S cesium 3、vite.config.js中配置如下： import cesium from 'vite-plugin-cesium' plugin ......
cesium.js入门基础教程四（事件）
事件简介 Cesium中大的事件按照类型进行分类，可以分为如下几种： 鼠标键盘事件 相机事件 数据加载事件 场景加载事件 按照事件的使用方式进行分类，可以分为如下两种： 创建事件处理器Handler并指定事件触发类型定义事件，如与鼠标键盘事件相关的屏幕空间事件处理器ScreenSpaceEventH ......
react 中国地图
import React, { useEffect, useState, useRef } from "react"; import * as echarts from 'echarts/core' import ReactEchartsCore from 'echarts-for-react/li ......
cesium.js入门基础教程三 （地形）
地形简介 Cesium默认是不包含地形的，准确的说应该是Cesium默认加载的地形是没有起伏效果的，如下图所示，在包含山脉的地区是看不到地形起伏的: 默认使用的地形为 "WGS84 Ellipsoid"： 地形提供者 TerrainProvider 与影像类似，在Cesium中包含了一些地形提供者T ......
Cesium学习笔记11——坐标量测
代码： 1 var annotations; 2 function axToolCoordinate(layer) { 3 var handler=new Cesium.ScreenSpaceEventHandler(viewer.canvas); 4 annotations=viewer.scen ......
cesium.js入门基础教程二 （影像和标注）
影像简介 Cesium加载大的虚拟地球默认是有影像的，如图： 默认使用的影像是 “Bing Maps Aerial”： 影像提供者 ImageryProvider 除了途中列出的一些影像，开发者可以通过Cesium中的ImagerProvider影像提供者类创建所需的影像，Cesium中提供了很多种 ......
cesium.js入门基础教程
运行环境搭建 下载cesium.js 从https://cesium.com/downloads/下载cesium.js: 在vsCode中建立index.html和index.js，并在index.html中引入index.js： index.html: <!DOCTYPE html> <html ......
关于Android接入高德地图定位 错误码 20，然后提示你模糊权限下无法定位
原因 使用了 ACCESS_COARSE_LOCATION权限，未使用 ACCESS_FINE_LOCATION 权限 而 ACCESS_FINE_LOCATION 权限是提供高精度的定位，ACCESS_COARSE_LOCATION 只能提供模糊的权限，在动态申请权限时 需要去申请ACCESS_F ......
所有权成果输出(宗地基本信息表、界址标示表、界址签章表、界址点成果表、宗地图、界址说明表、调查审核表）
一、软件界面： 二、软件功能：主要实现批量生成不动产权籍调查表、宗地基本信息表、界址标示表、界址签章表、界址点成果表、宗地图、界址说明表、调查审核表。(本次宗地包含内外环宗地) 三、所有权成果要求(宗地基本信息表、界址标示表、界址签章表、界址点成果表、宗地图、界址说明表、调查审核表） 1 不动产权籍 ......
微信公众号网页中打开高德地图
toDaohang(point){ let that = this //打开高德 Dialog.confirm({ title: '', message: '打开高德地图', }) .then(() => { let str = [] if(point!=''){ str = point.split ......
地图坐标转换 WGS84、BD09与GCJ02的相互转换
高德地图 WGS84转GCJ02 export function wgs84ToGcj02(lng, lat) { if (out_of_china(lng, lat)) { return [lng, lat] } else { var dlat = transformlat(lng - 105.0 ......
基于百度地图的聚合排布运算
基于百度地图点位的聚合运算，在一定阈值(像素范围)内自动聚合，聚合后按照圆形重新均匀排布 一.聚合运算类 import _ from 'lodash'; /** * 获取一个扩展的视图范围，把上下左右都扩大一样的像素值。 * @param {*} map BMap.Map的实例化对象 * @para ......
mapnik切图和地图分辨率与比例尺
mapbox 瓦片相关： 地址 osm瓦片相关: 地址 bingMAP瓦片相关: 地址 #include <mapnik/map.hpp> #include <mapnik/load_map.hpp> #include <mapnik/agg_renderer.hpp> #include <mapn ......
【开源】随机生成一副黑白相间的地图
code #include<bits/stdc++.h> using namespace std; string mp[105][105]; int main() { srand(time(0)); int n,m; cin>>n>>m; for(int i=1;i<=n;i++) { for(in ......
记录--仿贝壳地图画圈找房功能实现（高德地图）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 仿贝壳地图画圈找房功能实现（高德地图） 前言 在最近租房时，看到贝壳找房上线了一个地图画圈找房的功能，感觉很是新奇。接触地图开发也有很长一段时间了，以前大部分都是基于web pc端开发，所以一般遇到这种圈选，绘制多边形圆形都是直接基于官方 ......
threejs 大屏炫酷3D地图-附源码
炫酷3D地图效果如下： 代码注释非常详细： create() { // 添加雾,随着距离线性增大,只能看到一个小是视野范围内的场景，地图缩小很多东西就会看不清 //this.scene.fog = new THREE.Fog(0x191919, 30, 70) this.getCenterPoint ......
GeoServer自动发布tif格式的地图服务
from geoserver.catalog import Catalog cat = Catalog("http://localhost:8080/geoserver/rest/", username="admin", password="geoserver") data_url = "D:/GI ......