【openlayers】ol3入門一基礎篇

openlayer - Web Gis 引擎

概述

OpenLayers 3簡稱ol3,是一個開源的Web GIS引擎,使用了JavaScript、HTML5及CSS3技術。在地圖數據源方面,支持各種類型的瓦片地圖,既支持在線的,也支持離線的。

支持瀏覽器

由於OpenLayers 3使用了HTML5技術,所以對各種瀏覽器的版本有所要求。IE瀏覽器最低需要IE9,IE9以下的瀏覽器可以考慮使用OpenLayers 2。其他瀏覽器的最低版本要求:Firefox 3.5,Chrome 3.0,Safari 3.0,Opera 10.5。

‘Hello World’

“`
//想要使用OpenLayers 3,首先你需要引入了ol3的js庫文件ol.js及樣式文件ol.css。

//指定容器

// 創建地圖 let mapObj = new ol.Map({ // 設置地圖圖層 layers: [ // 創建地圖源爲Open Street Map瓦片圖層 new ol.layer.Tile({source: new ol.source.OSM()}) ], // 設置地圖的視圖 view: new ol.View({ center: [0, 0], // 定義地圖顯示中心於經度0度,緯度0度處 zoom: 2 // 並且定義地圖顯示層級爲2 }), // 指定地圖在頁面具體的位置進行顯示,所以要記住 // 地圖顯示還是離不開使用dom來實現。雖然和地圖業務沒關係,但也必不可少, // 因爲它是Web GIS,最基本的還是依賴於HTML。 target: 'map' });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章