openlayer3的学习总结1

Openlayer是一个开源的Web GIS引擎，使用了JavaScript、最新的HTML5技术及CSS技术，支持dom、canvas、webgl三种渲染方式。
创建一个网页版地图，需要三样东西：
1、引入库
2、需要一个div容器，将div的id绑定到map对象的target属性中（其中map对象主要有layer图层组合view组成，layer可以有多个，但是view只能有一个）
3、使用javescript创建一个简单地图

引入JavaScript库

  <script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.1.1/build/ol.js"></script>

使用低版本浏览器时，需引入：

 <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList"></script>

HTML框架，定义一个id为map的div来存放地图

 <div id="map" class="map"></div>

样式如下：

.map {
   
      height: 400px;
      width: 100%;
    }

JavaScript代码如下：

 var map =