导入KML源代码展示

body { margin: 0; padding: 0; }

#map { position: absolute; top: 0; bottom: 0; width: 100%; }

.tool{

position: absolute;

z-index: 10;

right: 10px;

top:15px;

}

.info{

position: fixed;

top:0;

color: #8a6d3b;

z-index: 99;

margin: 0;

background-color: #fcf8e3;

border-color: #faebcc;

left: 0;

right: 0;

text-align: center;

}

切换图层

数据保存在本地,刷新会消失,仅仅用作测试

导入KML

导出GeoJSON

BM.Config.HTTP_URL = 'http://www.bigemap.com:9000';

// 在ID为map的元素中实例化一个地图,并设置地图的ID号为 bigemap.baidu-map,ID号程序自动生成,无需手动配置,并设置地图的投影为百度地图 ,中心点,默认的级别和显示级别控件

var map = BM.map('map', 'bigemap.googlemap-satellite', {center: [ 30,104], zoom: 3, zoomControl: true,attributionControl:false});

//创建一个谷歌卫星图层 ,具体API详情请参见 :http://www.bigemap.com/offlinemaps/api/#tilelayer

$('#upload').on('change',function () {

var file=this.files[0];

var extension=file.name.split('.');

extension=extension.pop();

if (extension!=='kml'){

alert('只能是KML格式');

return;

}

var reader=new FileReader();

reader.readAsText(file);

reader.οnlοad=function () {

var dom= (new DOMParser()).parseFromString(this.result, 'text/xml');

var geojsonFeature=toGeoJSON.kml(dom);

var blob=new Blob([JSON.stringify(geojsonFeature)]);

var href=URL.createObjectURL(blob);

$('#export').prop('href',href);

BM.geoJSON(geojsonFeature,{

style: function (feature) {

// return {color: feature.properties.stroke};

}

}).addTo(map);

}

});

$('#satellite').on('click',function () {

$('#upload').click();

});

qgc地面站如何导入离线地图_离线地图相关推荐

  1. 百度离线地图_这个地图APP,专注于地图软件该做的事!

    Bmap Bmap,简单的双地图应用.可任意切换/高德地图数据源,致力满足日常生活的出行需求.具有步行.公交.骑行.驾驶等出行方案,查看街景. 新版特性 1.升级百度地图sdk6.0.0 2.升级高德 ...

  2. 高精地图_语义地图_众包地图相关论文笔记

    1.20220618_LT-mapper: A Modular Framework for LiDAR-based Lifelong Mapping 2021 3d-Lidar构建long-term地 ...

  3. react 谷歌地图_谷歌地图与React

    react 谷歌地图 情况(The Situation) Your working on a React-based application and you want to implement Goo ...

  4. qgc地面站如何导入离线地图_地面站开发资源汇总

    地面站是整个无人机系统非常重要的组成部分,是地面操作人员直接与无人机交互的渠道.它包括任务规划.任务回放.实时监测.数字地图.通信数据链在内的集控制.通信.数据处理于一体的综合能力,是整个无人机系统的 ...

  5. qgc地面站如何导入离线地图_QGC地面站工具下载 QGroundControl(QGC地面站软件) v2018.11.02 免费安装版 下载-脚本之家...

    QGroundControl是非常实用,由dronecode推出的一款专业的地面站软件,这款软件为任何支持MAVLink的无人机提供全面的飞行控制和任务规划,而且同样也为ArduPilot或PX4 P ...

  6. python模块离线安装_离线安装db2的python模块ibm_db

    1.为什么要离线安装 没网,在银行工作,服务器环境配置,完全离线(本来五分钟搞定的事情,非要搞一天.我服!!) 2.安装步骤 视情况而定. 3.一个下载db2的client包,官网下载http://w ...

  7. 离线语音识别库_离线语音识别_离线语音识别sdk - 云+社区 - 腾讯云

    广告关闭 2017年12月,云+社区对外发布,从最开始的技术博客到现在拥有多个社区产品.未来,我们一起乘风破浪,创造无限可能. 但录音存储成单声道 识别结果是否可以把两人的对话分离开采样率普通话录音文 ...

  8. java离线编译_离线代码编译器用吐了,那这五款在线编译器你可以来试试了。...

    在云计算时代,使用旧的离线编译器和IDE并不是那么无聊.当然离线是很棒的,但是我们必须在每种系统上手动安装不同的编译器,这需要很大的空间,而且要将代码移植到多个系统上也不容易.但是使用在线编译器或ID ...

  9. 离线语音识别_离线语音识别库_离线语音识别sdk - 云+社区 - 腾讯云

    广告关闭 2017年12月,云+社区对外发布,从最开始的技术博客到现在拥有多个社区产品.未来,我们一起乘风破浪,创造无限可能. 是的,录音文件识别服务就是离线语音识别服务... 录音文件识别(即:离线 ...

  10. ios 点生成线路 百度地图_百度地图iOS SDK

    iOS SDK v2.3.0 百度地图 iOS SDK是一套基于iOS4.3及以上版本设备的应用程序接口,不仅提供展示地图的基本接口,还提供POI检索.路径规划.地图标注.离线地图.定位等丰富的LBS ...

最新文章

  1. FlashDevelop Android开发.md
  2. PHP框架中的日志系统
  3. 为什么Python的“私有”方法实际上不是私有的?
  4. IntelliJ IDEA 中,英官网 - 下载地址
  5. Could not find destination factory for transport
  6. 设计模式:不可变的嵌入式构建器
  7. delphi tclientsocket接收不到返回数据_NB-IOT联网及模块UDP数据传输过程
  8. js-刮刮卡效果,由jquery-eraser源码改的vue组件
  9. 英特尔提前发布财报源自一张图表被披露 公司已开始调查
  10. perl DBI 总结
  11. vuex 源码分析_Vuex源码解析(一):Module初始化
  12. ASP.NET文件上传的三种基本方法
  13. logback日志pattern_Logback 配置文件这么写,TPS提高10倍
  14. 在SourceForge中建立开源项目
  15. Java中符号位扩展
  16. DataGrid 绑定定制的列
  17. 使用pygame实现双人五子棋游戏
  18. Django | ORM choices参数详解
  19. tp5.1 页面调取微信扫一扫识别条形码和二维码
  20. 基于TCP协议的游戏代理接口测试工具<一>:设计初衷与工具构想

热门文章

  1. 被人民日报等官媒反复强调的​「企业家精神」,到底是什么?
  2. linux上系统烧录工具,烧录操作系统安装光盘镜像到 U 盘的方法
  3. mac电脑键盘失灵怎么办
  4. appcan外部网页css,Appcan开发之页面布局与CSS排版
  5. 【题解】【AcWing】3505. 最长ZigZag子序列
  6. Prometheus+Grafana搭建Jmeter性能监控平台
  7. 基于google api 的youtube评论爬取
  8. mysql 查看进程_Mysql查看进程
  9. MATCH和INDEX函数
  10. 《回话的技术》读后感