![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
百度webgis
文章平均质量分 64
主要对百度webgis api的研究
不要跟我说对不起
这个作者很懒,什么都没留下…
展开
-
百度webgis-api-加载行政区域名称
文章目录一、百度webgis-api-加载中国行政区域名称1. 需求背景2. 相关技术支持3. 具体实现【基于vue实现】一、百度webgis-api-加载中国行政区域名称1. 需求背景看到这个需求的时候有些人会感到奇怪,地图上不是已经有行政区域的名称了吗,怎么还需要自己去加载,那是因为假如我们需要对行政区域的名称或者中心点进行改动,比如在全国地图的时候,只是显示简称,内蒙古这个时候如果是原先就是在地图上的那些名称和点,那是没有办法进行更改操作的。思路:隐藏地图原来的名称和中心点,获取geojs原创 2021-10-28 08:11:23 · 356 阅读 · 0 评论 -
百度webgis-api-显示中国地图02
文章目录一、需求背景二、相关技术支持三、具体实现【基于vue】1. 逻辑思路2. 代码实现效果二:一、需求背景在百度地图上只显示中国地图的部分,其他的不显示。分析:加载百度地图的时候,其实是全部加载的,不光有中国地图的部分,也包含了中国边界以外的部分,且百度api没有提供相关api的支持,能够屏蔽边界以外的其他部分。思路一:可以将中国边界以外的部分加一层图层,只留中国边界以内的部分,达到只显示中国地图的目的。二、相关技术支持使用百度提供的地理信息可视化开源库mapv详情可以查看ma原创 2021-10-18 21:58:27 · 1655 阅读 · 0 评论 -
百度webgis-api-mapv可视化开源库
文章目录一、MapV地理信息可视化开源库一、MapV地理信息可视化开源库官网地址:https://mapv.baidu.com/入口:找到api3.0的文档,点击开发指南就能看到MapV的入口地址查看API文档:DataSet: 数据集对象DasetSet是mapv中统一规范的数据对象,用来保存json数据对象。可以增删改查数据,并且可以订阅数据修改事件。【简单示例】:const data = [ { city: '北京', count: 30原创 2021-10-18 21:14:15 · 478 阅读 · 0 评论 -
百度webgis-api-显示中国地图01
文章目录一、需求背景二、相关技术支持1. 技术支持一:使用Overlay的方式【以3.0的API为例,GL版本基本没有改变】2. 技术支持二:使用百度提供的地理信息可视化开源库mapv[https://mapv.baidu.com/]三、具体实现【基于vue】1. 基于Overlay实现2. 基于mapv来实现效果一:效果二:一、需求背景在百度地图上只显示中国地图的部分,其他的不显示。分析:加载百度地图的时候,其实是全部加载的,不光有中国地图的部分,也包含了中国边界以外的部分,且百度api没有原创 2021-10-17 23:27:00 · 804 阅读 · 0 评论 -
百度webgis-api-加载卫星影像图
文章目录一、加载卫星影像图1. 什么是影像地图2. 什么是影像金字塔3. 什么是瓦片地图4. 百度各版本API支持情况5. 实现姿势6. 效果展现一、加载卫星影像图效果:1. 什么是影像地图影像地图是指一种带有地面遥感影像的地图,是利用航空像片或卫星遥感影像,通过几何纠正、投影变换和比例尺归化,运用一定的地图符号、注记,直接反映制图对象地理特征及空间分布的地图。影像地图的特点在于以地表影像直接显示自然地理要素和某些易于识别的地物,如地势、地貌、水系、森林、耕地、居民点、道路网等;影像无法显示或原创 2021-10-02 22:48:10 · 1017 阅读 · 0 评论 -
百度webgis-api-自定义样式
文章目录一、加载自定义样式1. 百度自带的样式2. 自己定义的样式3. 代码实现一、加载自定义样式1. 百度自带的样式第一种:登录自己的百度账号,点击特色服务平台,点开个性化地图就能看到一些百度自带的地图模版。第二种:看到上面那些授权专用,是不是很恶心。找官方demo中引用的资源,找到对应的文件也可以找到自带的样式,关键还没有授权限制。不知道怎么找?找到开发文档菜单,点开找到位置数据可视化MapV GL,点开找到文档中的demo菜单 选择你想用的地图样式原创 2021-09-08 12:50:50 · 255 阅读 · 0 评论 -
百度webgis-api-可视化首屏加载处理
文章目录一、百度api-webgis可视化首屏加载处理二、具体实现1. 基于vue整合【也可以替换,无伤大雅】2. 制作Loading页3. 添加vuex缓存状态【也可以使用其他组件传值的方式,不限于文中提到的方式】4. 监听百度api加载完成5. 最终效果一、百度api-webgis可视化首屏加载处理**场景:**在做webgis的时候,尤其是大屏可视化的时候,地图一般是放在首屏上。那就需要考虑首屏加载的问题,一般地图加载完成之后,需要在地图上做一些特定的操作,比如给特定的省份加一些不同的色块相当于原创 2021-09-05 00:30:36 · 337 阅读 · 0 评论 -
百度webgis-api-异步加载
文章目录一、异步加载1. 为什么选择异步加载2. 处理js脚本的常规操作1). js和html混合在一起的场景2). js和html分开场景,js是单独的文件。3. 百度地图api提供的加载方式4. 加载百度地图示例5. 当百度api遇到vue1). 组件式封装产生的问题2). vue的异步加载一、异步加载1. 为什么选择异步加载浏览器解析html文件时,从上向下解析构建DOM树。当解析到script标签时,会暂停DOM构建。先把脚本加载并执行完毕,才会继续向下解析。js脚本的存在会阻塞DOM解析,进原创 2021-08-22 08:24:37 · 269 阅读 · 0 评论 -
百度webgis-api-提前准备
文章目录1. 注册百度账号【已有百度账号忽略】2. 申请成为百度开发者3. 获取服务秘钥(ak)一、百度api-提前准备1. 注册百度账号【已有百度账号忽略】注册地址:2. 申请成为百度开发者申请地址:这边申请分:个人开发者认证,企业开发者认证【需要营业执照号、上传营业执照、上传申请人在职证明】3. 获取服务秘钥(ak)创建应用注意:应用类型选择正确,分别有服务端、微信小程序、Android SDK、iOS SDK、浏览器端完成创建之后,返回应用管理页面,就看到了需要秘钥(a原创 2021-08-21 11:20:26 · 134 阅读 · 0 评论 -
百度webgis-api-初步认识
文章目录一、百度api-初步认识一、百度api-初步认识官网: https://lbsyun.baidu.com/index.php?title=jspopularGL打开官网之后,会看到几个版本的API【重点阅读下】默认打开的是BMapGL的官网,也是现在开发的主流。Lite版本:专门针对移动端H5页面的使用场景,代码体积小,性能更好,不支持PC浏览器。API2.0与API3.0:后者是前者的升级版,升级了一些接口,使用户体验更好,都支持移动端和PC端。API GL:这个版本百度API作原创 2021-08-21 10:25:29 · 526 阅读 · 0 评论