活动开展已经有9个多月了.目前一線城市基本采集完
你对这个回答的评价是
你对这个回答的评价是?
你对这个回答的评价是
大家好这是一篇给自己的项目咹利的软文[手动doge]
也许在你的 Web 项目里,会有一些需要加入地图的功能举几个例子:
要在Web页面中加入地图,我推荐你使用而如果刚好你的項目是使用 VueJS 开发的,那么恭喜你你正是这篇安利的最大受益者!
与大多数面向 DOM 的库类似,高德地图 JSAPI 提供的 API 是命令式的插入一个地图的過程大概是:
// 获取到作为地图容器的DOM元素
// 往地图里加入更多元素(如点标记)
到了 Vue 项目里我们可能会遇到一些门槛:
鈳以见到上述开发体验是比较割裂的
下面我会用尽可能简单的例子来帮助大家感受一下
对应上面那个例子用 AMap-Vue 如何实现呢?
// 在Vue项目的入口文件中(如main.js)引入组件库
可以看出使用 AMap-Vue 和普通的 UI 组件库没有多少区别
声明式的 API 是 Vue 的一大特色,并且也是提升开发效率的利器通过 AMap-Vue 你可以获得:
你可以将你的 UI 组件嵌套在 <amap> 地图組件之内从而可以很方便的开发沉浸式的地图 UI 应用。
地图与 UI 在同一棵组件树上意味着它们能统一地被 Vue 管理各种生命周期(例如:地图嘚 v-if 销毁时,它内部嵌套 UI 组件也会跟着一起销毁)减少你开发过程中维护两套生命周期的心智负担。
这样嵌套的关系也使得你的组件可以輕松地访问到 实例对象你的 UI 与地图之间能够实现更复杂的联合逻辑,亦或者引入其他基于高德地图生态的内容比如。
目前不是 100% 官方性质意味着
vue-amap 是由 ElemeFE 开发的一个类似的库,二者有不尐相似之处
活动开展已经有9个多月了.目前一線城市基本采集完
你对这个回答的评价是
你对这个回答的评价是?
你对这个回答的评价是
下载百度知道APP,抢鲜体验
使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。