0

我正在尝试通过 vue-leaflet 渲染 OpenStreet 地图。但我面临不完整的渲染问题。地图未显示完整视图，而是部分加载而不是按顺序加载。 在此处输入图像描述

这是我的代码

<template>
  <l-map
      v-show="loadingMap"
      :zoom="zoom"
      :center="center"
      :options="{ zoomControl: false }"
    >
      <l-tile-layer :url="url"></l-tile-layer>
    </l-map>
</template>

我在一些stackoverflow答案中发现，建议导入leaflet.css，我在main.js文件中添加了leaflet.css。（对于沙盒示例，它位于 index.html 中），但仍然无法正常工作

我怎样才能看到完整的地图和实际的地图视图（不像现在这样部分加载）。

Codesandbox 链接：https ://codesandbox.io/s/silent-glade-1yqe8?file=/src/App.vue:31-212

4

0 回答 0