Хочу подключить yandex map по
этому примеру. Но что-то идет не так и в консоли я вижу ошибку
Error in nextTick: "RangeError: Maximum call stack size exceeded"
Вот код компонента:
<template>
<div>
<div class="mapouter">
<div class="gmap_canvas">
<yandex-map
:coords="[54.62896654088406, 39.731893822753904]"
zoom="10"
style="width: 600px; height: 600px;"
:cluster-options="{
1: {clusterDisableClickZoom: true}
}"
:placemarks="placemarks"
map-type="hybrid"
@map-was-initialized="initHandler"
>
</yandex-map>
</div>
</div>
</div>
</template>
<script type="text/javascript">
import { yandexMap, ymapMarker } from 'vue-yandex-maps'
export default {
name: 'yandex-map',
data() {
return {
placemarks: [
{
coords: [54.8, 39.8],
properties: {}, // define properties here
options: {}, // define options here
clusterName: "1",
callbacks: { click: function() {} }
}
]
}
},
methods: {
initHandler () {
var geolocation = yandexMap.geolocation,
myMap = new yandexMap.Map('#yandex-map', {
center: [55, 34],
zoom: 10
}, {
searchControlProvider: 'yandex#search'
});
}
}
}
</script>
<style>
.mapouter {
text-align:right;
height:100%;
width:100%;
position: absolute;
}
.gmap_canvas {
overflow:hidden;
background:none!important;
height:100%;
width:100%;
}
</style>
Что в нем не так?
Делал на скорую руку.
