vue-amap信息窗体vue.js template属性性设置报错

来源：蜘蛛抓取(WebSpider) 时间：2018-03-14 00:31 标签： vue amap 定位
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
标签：至少1个，最多5个
一.引用vue-amap
1.npm install vue-amap
2.import VueAmap from 'vue-amap'
3.AMap.initAMapApiLoader({
// 高德的key
key: 'XXXX',
// 插件集合
plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
uiVersion: '1.0'
二.在script里面引用
let amapManager=new VueAmap.AMapManager();
export default(){
markers:[],
windows:[],
amapManager: amapManager,
'init':(o)=&{
amapManager.setMap(o);
amapManager.getMap().setMapStyle('amap://styles/light');
mounted(){
//数据库获取数据
let markers=[];
let windows=[];
let lnglats=data.result.
for(let i=0,i&lnglats.length,i++){
markers.push({
position:[lnglats[i].lng,lnglats[i].lat],
icon:lnglats[i].icon,
click:(e)=&{
this.windows.forEach(window=&{
window.visible=false
this.$nextTick(()=&{
self.windows[i].visible=
self.window[i].content="我是内容"
//可以自定义要弹出窗体的参数
window.push({
visible:false
this.markers=
this.windows=
三.在template数据绑定
&el-amap vid="amap"
:center="center" :map-manager="amapManager" :events="events"&
&el-amap-marker v-for="marker in markers" :position="marker.position" :icon="marker.icon" :events="marker.events" :draggable="marker.draggable" :map-manager="amapManager"&&/el-amap-marker&&/el-amap&
&div v-for="window in windows" v-if="window.visible"&{{window.content}}&/div&
0 收藏&&|&&0
你可能感兴趣的文章
8 收藏，1.3k
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。

我要回帖

更多关于 vue amap 定位 的文章

 

随机推荐