如何用MapTalks IDE来发布网站?

简介

MapTalks IDE 全称 MapTalks集成设计环境(Integrated Design Environment),是由MapTalks技术团队开发的新一代web地图设计软件。

通过MapTalks IDE,您可以自由的创建二维和三维地图,在其中载入或创建地理数据,可视化和分析数据。您还可以把创建的地图分发给开发人员,在javascript程序中加载其中的地理数据或配图样式。

特点

MapTalks IDE软件的特点如下:

  • 专业面向设计师
  • 桌面端软件,方便大个头三维数据的加载,同时设计成果保存在本地,安全可靠
  • 针对Web端应用,提供所见即所得的三维地图样式设计功能
  • 最终服务于web前端程序,只需用少量代码就能把IDE上的设计成果应用到web页面中
  • 帮助GIS团队提升70%的项目开发效率

IDE是如何提升项目开发效率的?

地图项目典型的实施过程是,由设计师设计出地图效果图,再由GIS前端工程师实现出效果,这个过程中如果设计有调整,则重复上述过程。

这个迭代过程中,GIS工程师负责的效果图到实现是一个明显的瓶颈,至少占有70%左右的工作量。而MapTalks IDE能让设计师的设计成果直接应用到页面里,进而将工作量减少到原有的30%。

用户登录

第一次使用IDE时,用您的微信扫描界面上的二维码即可免费登录使用。

工程文件

MapTalks IDE的所有设计工作和资源都保存在msd文件中,您可以通过在网盘或其他备份设备中备份该msd文件来保存备份您的设计工作,也可以通过通信软件将msd发送给其他人来分享您的设计工作。

但需要注意的是,如果您的设计工程中引用了部署在远程服务上的数据资源,这些资源并不会保存在msd文件里。

案例

mac具体操作

下载mac 产品下载链接

打开ide

找机器人

导出是这样

接下来如何把本地本发到线上

我利用宝塔操作

项目的根目录 也要配置一下

接下来看一下线上浏览器的效果

不得不说这个3d显示 卡了一下。

完美收手

参考链接:MapTalks IDE

相关推荐
kqz20149 小时前
Android Studio Commit 面板临时文件.gitignore
ide·android studio·intellij-idea
天天喝旺仔10 小时前
AI 编程实战:用 Cursor + Claude Code + Copilot 把效率翻倍
ide·chatgpt·prompt·copilot·ai编程
captain37611 小时前
网络编程(1)
java·网络·ide·java-ee
国产化创客12 小时前
创客开发入门(三)Arduino IDE 开发环境
ide·单片机·嵌入式硬件·课程设计·智能硬件
2601_9622962812 小时前
python初学者怎么选IDE
ide·python·开发环境·初学者·工具选择
程序员阿明1 天前
idea把插件啥的不默认放在C盘
java·ide·intellij-idea
我是Superman丶1 天前
Arduino IDE 安装教程:Windows/macOS/Linux 开发环境搭建
ide·windows·macos
LaughingZhu1 天前
Product Hunt 每日热榜 | 2026-09-08
java·ide·深度学习·百度·intellij-idea
千码君20161 天前
提词器项目V1.0功能分析
ide·macos·xcode
2501_915106321 天前
Swift 4开发环境设置教程:xCode安装与Playground入门
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程