![162fe4e3efbd14e037ad950c6beda797.png](https://i-blog.csdnimg.cn/blog_migrate/63cd9db8b14ef2ac60fd8d2dc104ec3f.jpeg)
验证了上篇文章的想法
vue可以结合到leaflet上,帮助增强在leaflet自定义控件的能力。
![d146aea8d5c667d393885c2807e1c54d.png](https://i-blog.csdnimg.cn/blog_migrate/13ff6793a3490c52f1eab7b443fe835a.jpeg)
控件是使用iView现成的控件。
这样作出的界面效果和开发效率会得到质的提升,这种方案完全可以复制到其他Web端GIS平台。
废话不说,直接上代码。
<template>
<div class="viewer">
<!--地球容器-->
<div style="height: 100%; width: 100%">
<l-map ref="myMap2"
style="height: 80%; width: 100%"
:zoom="zoom"
:center="center"