ESMap三维地图开发流程

article/2025/6/8 11:18:50

易景地图(ESMap)是一款三维地图在线开发平台,常被用来做智慧城市数据可视化的在线快速开发,广泛应用于室内外定位导航和数字孪生技术场景。下面就简单介绍一下ESMap三维地图的开发流程:

一、场景搭建

进入官网,登录ESMap地图开发工具对房间、模型、路径、楼层、POI等进行绘制

l 房间:自由绘制图形、墙体、打洞,并拖动点编辑,支持CAD地图识别;

l 模型:免费绘制个性化地图,大量三维模型库添加使用,对模型基本属性和纹理贴图进行调整,支持3dmax模型上传等;

l 路径:任意规划导航线、导航点,实现室内外一体化融合定位、跨楼层导航;

l 楼层:具有多楼层编辑、背景编辑、地板编辑三个功能板块,可以对楼梯位置进行打洞编辑;

l POI管理:提供给标准POI图标库,也支持自定义图标上传;

ESMap三维地图开发平台

二、在线开发

使用在线开发平台将地图模型新增到“我的项目”中,并为室内三维地图或城市三维地图添加交互事件。在线开发平台主要包括以下四个功能区:

l 项目列表:对项目进行管理和编辑,提供快速分享、离线下载、历史记录等功能;

l 官方示例:提供室内地图和三维地图的功能示例代码参考,涉及地图的显示、标注、导航、特效、搜索、事件、三维模型等,大量节省开发时间;

l 代码编辑:集成网页JavaScript代码编辑器,不需要用户在自己本地搭建web项目环境,线上完成项目;

l 预览窗口:三维地图实时编译运行预览窗口,可实时预览三维地图场景渲染效果。

 ESMap在线开发平台

三、数据对接

使用在线开发平台,通过代码编辑的方式直接引入数据对接,与第三方物联网系统或者自己后台系统进行数据传输通信。支持四种数据对接方式Ajax、Jsonp、MQTT、WebSocket。

1、Ajax

$.ajax({

type: "get",

url: "https://www.esmap.cn/dataapi/getdata",

data: { "tid":12333 },

dataType: "json", // 返回的数据类型 json

success: function (d) {

console.log(d.data)

}

});

2、Jsonp

$.ajax({

type: "get",//JSONP 仅支持 GET 请求

url: "https://www.esmap.cn/dataapi/getdata",

data: { "tid":12333 },

dataType: "jsonp", // 返回的数据类型 jsonp

jsonpCallback: "callbackA", // 设置回调函数名 与返回数据的 函数名一致

success: function (d) {

console.log(d.data)

//回调函数名不要重复(即 jsonpCallback 的设置不要重复),否则可能会导致回调函数 undefined

}

});

3、MQTT

// 创建一个mqtt连接

var client = mqtt.connect("wss:http://www.esmap.cn:8088");

client.subscribe("/public/ESMapTEST/data1");

// 连接成功后发送数据

client.on("message", function (topic, payload) {

console.log('data:' + payload);

});

// 关闭连接

client.end();

4、WebSocket

var webSocket = new WebSocket('wss://http://www.esmap.cn/wss');

// 建立 websocket 连接成功触发事件

webSocket.onopen = function () {

console.log("websoket服务器连接成功...");

};

// 接收服务端数据时触发事件

webSocket.onmessage = function (ev) {

console.log(ev.data);

};

webSocket.onclose = function (evt) {

console.log("websoket关闭...");

webSocket = null;

}

// 当连接成功后,可利用 send() 方法向服务器发送数据,例如:

// var dataObj = { 'id': 123456 };

webSocket.send(JSON.stringify(dataObj));

// send 数据类型可以是 字符串 或 二进制对象(Blob 对象、ArrayBuffer 对象)

四、离线部署

在线开发完成项目代码后,可以创建分享链接给他人进行查看,如果要合并到自己本地项目中,则需要进行离线打包下载。下载打包好的项目开发文件夹,解压到任何一种WEB服务器的一个文件夹下,就可以对外进行发布了。

欢迎大家留言讨论。部分图片来源网络,如有疑问请私信联系我,或浏览器搜索【ESMap】进行了解。


http://chatgpt.dhexx.cn/article/bSw4oJ1a.shtml

相关文章

html加载三维地图,Cesium加载三维地形及WMS地图,并实现动态控制显示

写在前面: 本次工程主要实现的是cesium基础三维地形加载、视角控制、经纬度显示;重点是实现cesium加载wms图层,并对wms图层进行参数更新,实现动态控制,进一步实现时间地图的展示目的。为时间地图可视化提供了三维显示的思路。中间进行参数控制的时候,需要销毁provider,目…

实景三维数据也可以免费下载

之前分享过不少影像,矢量、DEM…数据下载方法。 随着实景三维的火热,一些实景三维数据可以免费下载吗? 有!但可下载的真的不多… 今天我们就来看看怎么才能下载到免费的实景三维数据。 全国地理信息资源目录服务系统 https://…

ArcScene:构建三维地图

主要介绍一下使用ArcScene来制作三维地图,下面是主要的步骤 1.打开ArcGIS下面的ArcScene,将研究区域的DEM和矢量边界数据添加进来: 2.右键DEM,点击属性->基本高度,选择“在自定义表面上浮动”,该路径选…

【Echarts】三维地图叠加柱状图

代码如下所示&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta http-equiv"Content-Type" content"text/html; charsetGBK" /><title>echarts 地图</title><script src"https://cdn.sta…

三维地图可视化应用教程

1、如何搭建离线地图开发环境 2、下载离线地图数据(金字塔瓦片数据&#xff09; 3、下载离线地图地形数据库&#xff08;实现地表高低起伏&#xff09; 4、添加离线地图数据到本地服务器 &#xff08;含3D&#xff09; 5、离线地图二次开发接口&#xff08;离线地图API&#…

三维地图看世界

随着当今社会的不断发展&#xff0c;人们的需求以及对效率质量的要求也在不断提高。城市建设也越来越密集&#xff0c;城市规划要求越来越高&#xff0c;城市管理中对人流、车流的控制也越来越精细&#xff0c;地图作为记录地理信息的一种图形语言形式&#xff0c;不仅为人们的…

三维地图下载,3D地图下载,谷歌地球三维地形图查看

更多示例代码&#xff1a;http://www.bigemap.com/offlinemaps/gl.html 3D地球依据高程数据等对地表进行渲染&#xff0c;实现地表的起伏&#xff0c;模拟出真实的三维场景&#xff0c;让你有如身临其境般的感觉。 &#xff08;注&#xff1a;Bigemap 3D地球是一个三维地图浏览…

关于如何下载E都市三维地图的教程

原文转载&#xff1a;http://www.arceyes.com/bbs/thread-18338-1-1.html 下载安装水经注E都市三维地图下载器&#xff0c;如果你没有安装&#xff0c;请百度“水经注软件”到官网下载。 软件安装后&#xff0c;启动界面如下图所示。 在软件的左边列出了可以下载E都市三维地图…

主题 10:如何将工作中的创新点转化为专利

1. 引言 很多工程师有技术情怀,在工作中也很注重用新方法、新思路解决问题,但却很少将工作中的创新转化为专利,无形中错失了进一步创造价值的机会。 专利的价值是多方面的,专利储备数量在一定程度上可以反映企业的技术实力;通过专利授权、转让可以带来可观的经济效益;专…

来自创新之国以色列的 Emerge 基金会给中国带来什么?

当创新和实干深入整个民族的血液&#xff0c;人口小国成为创新大国也就不足为奇了。 7 月 20 日&#xff0c;以色列风投公司 Emerge 在北京召开了新基金 Emerge Fund II 的主题发布会——以色列&#xff1a;创新国度的创新尖兵&#xff0c;发布会上&#xff0c;前以色列首席科学…

2023亚马逊云科技中国峰会引领无服务器架构新潮流:Serverlesspresso Workshop

序言 在今年3月&#xff0c;我有幸接触了一个项目&#xff0c;也因此结识了 亚马逊云科技无服务器架构 Serverless。在陆续了解 Amazon 产品的过程中&#xff0c;我逐渐发现它所带给我的惊喜远远超出了最初的预期。 今天&#xff0c;想向大家介绍一个名为 Serverlesspresso Wor…

Peter Thiel认为中国科技产业不值得投资

近些年硅谷对中国的关注一直在增加。不仅越来越多的科技公司开始进入中国&#xff0c;很多投资人也开始对中国创业公司表现出兴趣。这些人里一部分仅仅对中国感兴趣&#xff0c;还有一些则已经认真开始了解中国市场。 但是还有另一类硅谷投资人&#xff0c;他们认为中国的科技产…

EPI调研报告:国家的英语水平和创新能力息息相关

MinhTran:众所周知&#xff0c;阿里巴巴的马云作为全球最成功的企业家之一&#xff0c;并没有编写过一行代码&#xff0c;他本身也不是工程师出身的。事实上马云读的是英语专业&#xff0c;毕业后一开始从事的也是英语教学和翻译之类的工作&#xff0c;然后才进行创业成为企业家…

EMBA课程小记(4)——“半面创新”课程体会

“半面创新”课程体会 半面创新这门课给我的启发很大。除了周宏桥老师说他的这本《半面创新&#xff1a;创新的可计算学说》一书可以传世500年之外。我更加隐约体会到的一点是&#xff1a;创新&#xff0c;极有可能存在一个大道至简的终极逻辑。 回味本课程之前&#xff0c;需要…

大数据洞察的创新领域

​大数据正在改变整个世界&#xff0c;重新定义人与自然彼此之间的互动方式。它正在改变我们的学习、工作、生活、娱乐等方式。下面是大数据的几个最具创新性、洞察力和激励性的领域。 1、医疗&#xff1a;对生活的实际影响 大数据创新正在重塑医疗业的几乎各个方面&#xff0…

【AI芯片】中国AI芯片爆发,架构创新迫在眉睫

来源&#xff1a;内容来自中国电子报&#xff0c;谢谢。 人工智能(AI)爆发性增长是以强大的计算能力为基础的&#xff0c;而提供计算力的载体是芯片。近年来国内得到资本热烈追捧的独角兽公司多与AI芯片有着密切的关系&#xff0c;亦从侧面证明了AI芯片的重要性与广阔的发展前景…

AI再抢C位,福布斯发布中国50家最具创新力企业榜单

智造观点 在人类历史上&#xff0c;科技领域的每一次前进的步伐&#xff0c;都离不开创新的驱动。如今&#xff0c;在人工智能高速发展的当下&#xff0c;对于企业来说&#xff0c;如果在AI领域缺乏创新力&#xff0c;或者说置身事外&#xff0c;那么就有很大可能失去先机。在福…

组织创新丨高效组织的十个发展准则

我们处在一个不确定的时代&#xff0c;组织创新也随着商业模式变化在发生变革&#xff0c;很多组织擅长发现具体的问题&#xff0c;且有为解决问题设计的各种方案&#xff0c;但鲜有需遵守以保证组织创新和成长能力的发展准则。本文以十条组织发展准则为参考&#xff0c;用于指…

中国AR行业专题研究报告

本报告将从AR技术特征入手&#xff0c;研究技术背后的产业逻辑&#xff0c;通过对国内AR市场代表性初创厂商的研究&#xff0c;探讨未来AR的商业化之路。 1&#xff0c;突破屏幕、虚实融合、自然交互是增强现实技术最重要的特征。 2&#xff0c;核心技术突破&#xff0c;政策…

2023 亚马逊云科技中国峰会,引领 Serverless 技术架构新潮流

序言 随着大数据与云计算技术的深入发展&#xff0c;Serverless 已经成为一个技术趋势&#xff0c;一个云的重要发展方向。依托于 Serverless 无服务器架构&#xff0c;云上技术方式正在由过去的集中式、分布式研发&#xff0c;向新式云上组装式研发转变&#xff0c;实现软件研…