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

深碍√TFBOYSˉ_ 2022-11-14 14:58 372阅读 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 条评论，372人围观）

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

相关阅读

相关 [Python] Basemap

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

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

相关 Vue 模态框的使用

vue模态框使用： Vue模态框可以使用多种方式实现，以下是其中一种基于Vue.js和Bootstrap的实现方式： 1.引入Bootstrap的CSS和JS文件到V

喜欢ヅ旅行/ 2023年10月04日 23:03/ 0 赞/ 40 阅读

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

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

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

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

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

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

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

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

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

相关组态 -- --

1 产品 1.递杰 [http://www.digikejin.com][http_www.digikejin.com] 2 紫金桥 [组态软件\_实时数据库-紫金桥软

Love The Way You Lie/ 2022年09月06日 10:11/ 0 赞/ 176 阅读

相关 Vue中使用vue-countTo组件

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

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

相关 Basemap绘制地图

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

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

相关 Anaconda中安装basemap包

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

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

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

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

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