Vue中组态实现方案-BaseMap的使用

深碍√TFBOYSˉ_ 2022-11-14 14:58 424阅读 0赞

# 场景 #

Vue中实现组态绘制的效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

可以方便的实现自由绘制底图与展示效果。

github地址：

[https://github.com/bojue/BaseMap][https_github.com_bojue_BaseMap]

gitee地址：

[https://gitee.com/JiaBin520/BaseMap][https_gitee.com_JiaBin520_BaseMap]

注：

博客：  
[https://blog.csdn.net/badao\_liumang\_qizhi][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

# 实现 #

将代码克隆到本地

git clone https://github.com/bojue/BaseMap.git

## 启动项目 ##

npm install

npm run dev

启动成功后，打开浏览器访问

[http://localhost:8080/][http_localhost_8080]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: /images/20221022/244c65c4beea4217941659d5e901cc0c.png
[https_github.com_bojue_BaseMap]: https://github.com/bojue/BaseMap
[https_gitee.com_JiaBin520_BaseMap]: https://gitee.com/JiaBin520/BaseMap
[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi
[http_localhost_8080]: http://localhost:8080/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1]: /images/20221022/fc3d9f36470447b5aaed2add4748ad9f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，424人围观）

还没有评论，来说两句吧...

相关阅读

相关 [Python] Basemap

参考：[https://blog.csdn.net/sinat\_18665801/article/details/82291067\1\_\_15][https_blog.c

╰半橙微兮°/ 2023年10月18日 14:16/ 0 赞/ 227 阅读

相关 html引入vue组件，vue组件中使用echarts

将图设置代码写在vue的methods中，然后在mounted中调用得到echarts图 <div id="pushed" style="width: 63

川长思鸟来/ 2023年07月13日 03:45/ 0 赞/ 115 阅读

相关 vue项目中swiper组件的使用

一、需求问题在vue的移动端项目中，我们可能需要用到各种各样的触摸滑动场景。swiper是一个非常好用的触摸滑动组件，在vue的移动端项目应用的也是比较多的。二、需求分

不念不忘少年蓝@/ 2023年06月24日 04:56/ 0 赞/ 117 阅读

相关 Vue中Web组态实现方案-WebTopo的使用

场景 Web组态实现效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

小灰灰/ 2022年11月15日 01:10/ 0 赞/ 392 阅读

相关 Vue中组态实现方案-BaseMap的使用

场景 Vue中实现组态绘制的效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

深碍√TFBOYSˉ_/ 2022年11月14日 14:58/ 0 赞/ 425 阅读

相关 vue组件使用中的常见问题

文章目录一.is解决模板标签bug问题加载出错问题问题还原：解决方式: 二.ref属性怎么用?

落日映苍穹つ/ 2022年11月13日 12:25/ 0 赞/ 337 阅读

相关 Vue中使用vue-countTo组件

效果图： ![20210810093808167.gif][] 下载： cnpm i -S vue-count-to 使用： <temp

妖狐艹你老母/ 2022年09月04日 01:58/ 0 赞/ 384 阅读

相关 Basemap绘制地图

文章转自：http://blog.csdn.net/ouening/article/details/55227364 使用folium实现中国地图绘制，文章链接： > [p

川长思鸟来/ 2022年05月29日 07:48/ 0 赞/ 557 阅读

相关 Anaconda中安装basemap包

Basemap 是matplotlib子包，也是python中最常用、最方便的地理数据可视化工具之一。使用传统python安装包的方法（pip install basemap

r囧r小猫/ 2022年05月29日 07:43/ 0 赞/ 306 阅读

相关 Vue中使用 Element 组件实现分页效果

[Vue官网（点击跳转）][Vue] [Element官网（点击跳转）][Element] <!DOCTYPE html> <html lang="en"

左手的ㄟ右手/ 2022年04月22日 12:24/ 0 赞/ 401 阅读