как автоматически изменить центр карты, чтобы все маркеры отображались в vue-листовке

#javascript #leaflet

#язык JavaScript #листовка

Вопрос:

только в названии,

код приведен ниже, я хочу изменить этот центр карты, чтобы показать все маркеры,

и маркеры будут меняться,поэтому центр меняется,как рассчитать центр и увеличить масштаб карты? спасибо за ответ

 lt;l-map :zoom="amapContext.map.zoom" :center="amapContext.map.center"gt;  lt;l-tile-layer  :url="amapContext.map.url"  :attribution="amapContext.map.attribution"  gt;lt;/l-tile-layergt;  lt;l-marker  v-for="(marker, idx) in amapContext.data.markers"  :key="idx"  :lat-lng="marker.position"  :icon="marker.iconShow"  gt;  lt;l-popupgt; 经纬度:{{ marker.position }} lt;/l-popupgt;  lt;/l-markergt;  lt;!-- lt;l-marker :lat-lng="[39.996356, 116.480639]"gt;lt;/l-markergt; --gt;  lt;/l-mapgt;  

Ответ №1:

хорошо, у меня есть метод, за исключением того, что это не лучшее решение,

установите границы карты для двух LAT lngbounds(см. документы листовки) , один lat lngbounds-это максимальный lat lng,а другой-минимальный lat lng в маркерах