openLayers 3 之入门javascript
openlayer是web GIS客户端开发提供的javascript类库,也是开源框架,能够加载本地数据进行展现地图css
1.下载相关引用的js、css文件html
2.相似于echarts,建立一个容器div,并给予宽高java
3.编写openlayers初始化地图方法web
4.在网页上显示echarts
示例代码:框架
<!doctype html> <html lang="en"> <head> <link rel="stylesheet" href="https://openlayers.org/en/v4.5.0/css/ol.css" type="text/css"> <style> .map { height: 400px; width: 100%; } </style> <script src="https://openlayers.org/en/v4.5.0/build/ol.js" type="text/javascript"></script> <title>OpenLayers example</title> </head> <body> <h2>My Map</h2> <div id="map" class="map"></div> <script type="text/javascript"> var map = new ol.Map({ target: 'map', layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], view: new ol.View({ center: ol.proj.fromLonLat([37.41, 8.82]), zoom: 4 }) }); </script> </body> </html>