20191022——esmap停车场地图开发 初步实现

项目想开发一个可视化的地图页面，上网寻找了也没找到合适的和好看的，看到某公司有一个看起来稍微成熟的框架，边拿过来进行引用。

公司链接

sdk的引用，不支持require js引用，只能使用script src 属性进行引用

<script src="./static/esmap/esmap.min.js"></script>

创建地图容器

 <div id="map-container">
</div>

剩下主要是地图数据与主题数据要拷贝到项目之中

在static文件夹下面

创建一个esmap文件夹

esmap文件夹下面有 mapData resource theme三个文件夹， 还有js文件是esmap.min.js也就是我们一开始引用的js的包

首先是mapData ，如果地图的ID是多少，那么他下面的文件夹就是多少

这些都是在过后配置地图之后可以在官网进行下载的

需要在map创建实例的时候，mapDataSrc = “” 所在目录，也就是我们定义好的maData的test6666这个id

theme 是地图的主题
存放的是地图主题的资源，有图片什么的，
在配置map的参数项需要加入

mapThemeSrc: "static/esmap/theme/", //地图主题所在目录

最后使用语句

    map.openMapById('test666');

打开创建的map地图

第一步，大功告成

最后，本项目是基于Vue的框架，不是源生的js