vue+leaflet加载地图根据示例代码只引入了如下模块:
import L from 'leaflet';
import '@supermap/iclient-leaflet';
地图展示不完全如下:
后来发现是缺失leaflet的css引入
首先找到package.json
查看是否添加了leaflet的依赖
如果只执行了
npm install @supermap/iclient-leaflet
这个是不够的。还需要执行
npm install leaflet
再引入leaflet.css
import "leaflet/dist/leaflet.css";
如果保存之后地图可以显示出来,但是刷新之后地图又无法完整加载,就需要考虑是不是使用了tab切换,或者使用v-show之类的展示地图。
如果是这样的问题,需要考虑到是否是因为v-show或者他不切换时拿不到地图DOM导致的地图加载不完全,我将模块v-show的控制方法,改成v-if,地图成功展示。
在此记录一下