uni-app使用leaflet

我需要用uni-app开发一个app，但是引用leaftet之后，h5显示正常，运行到手机，地图显示不完全

<template>
	<view class="warp">
		<view id="map" class='map'>
		
		</view>
	</view>
</template>

<script module="test" lang="renderjs">
	import L from 'leaflet'

	export default {
		data() {
			return {};
		},
		components: {},
		created() {},
		mounted() {
		
			var map = L.map('map', {
				center: [29.09508, 119.07214],
				zoom: 13,
				minZoom: 1,
				maxZoom: 24,
				zoomControl: false,
				maxBounds: L.latLngBounds(L.latLng(-90, -180), L.latLng(90, 180)),
				crs: L.CRS.EPSG3857,
			});
			 L.tileLayer(
				'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
				}).addTo(map);

		},
		computed: {},
		methods: {}
	};
</script>

<style scoped>

	.warp {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.map {
		height: 100%;
		width: 100%;
	}
</style>

应该是浏览器兼容性的问题，要完善一下样式的兼容性。

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y