欢迎光临
我的个人博客网站

在 Vue 中使用 Leaflet

在html中使用vue3,在vue3中使用leaflet

demo源码:

https://gitee.com/s0611163/vue3-in-html

demo效果图:

 

在 Vue 中使用 Leaflet

 

# vue3-in-html

在html中使用vue3,不依赖nodejs和webpack,不依赖脚手架

## 功能

1. 编写了几个简单的组件,使用了element-plus和vuex
2. 在vue3组件中使用leaflet实现电子地图

## 说明

1. 组件style支持scoped,但实现原理和vue的scoped不同,缺陷是父组件中的样式可能会应用到子组件中具有相同class的标签上,
   出现这种情况时要为子组件受影响的css属性在class中设置一下该属性的值
2. 支持.vue扩展名的文件,从而使编写的vue模板代码在vscode中具有语法检查
3. 谷歌浏览器可以打开,火狐浏览器未测试,不支持IE浏览器
4. 电子地图代码是我从 https://gitee.com/s0611163/leaflet-demo 复制过来的,代码本身与vue没有瓜葛,额外写了一个组件MapPage用来引入电子地图功能,
   使用这种方式不需要把地图相关代码直接写在vue的组件中

 
赞(0) 打赏
未经允许不得转载:张拓的天空 » 在 Vue 中使用 Leaflet
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏