leaflet电子海图加载openseamap，使用vue

前端使用vue+leafet显示openseamap

openseamap是海图信息图片背景为灰色，而且是开源的，所以需要有一个底图，我选择的底图为openstreetmap，也是一个开源地图

要在leaflet中显示正常的电子海图，需要同事加载这两个图片，openstreetmap在下面，openseamap在上面

有两种方法加载电子海图：

1、通过法国人发布的github方法  (https://github.com/snosan-tools/avurnavs.snosan.fr)

以下为vue的代码，唯一需要的是安装vue2-leaflet的插件和leaflet插件，两个是不同插件，所以要多安装vue2-leaflet的插件，他是通过html方法去实现的

<template>
  <div class="map">
    <l-map :zoom="zoom" :center="center">
      <l-tile-layer :url="url"></l-tile-layer>
      <l-tile-layer :url="xxx"></l-tile-layer>
    </l-map>
  </div>
</template>

<scri