OpenLayers很容易的在網站里放置動態地圖。它能顯示展開圖及從資源中加載地圖標記及矢量數據。它被開發出盡可能的使用所有的地圖信息。并且它是完全免費及開源的.

詳細了解可去它的官網：http://openlayers.org/

簡單使用，如展示一個塊地圖

.mymap {

height: 400px;

width: 100%;

}

/*

創建openlayers中的一個map對象。并傳遞一個json對象來配置地圖的一些參數。

target中的值是document中塊標簽的id，用于顯示地圖的容器指定。

layers：地圖圖層的配置，這里指定一個簡單的塊狀地圖圖層。

view：用于指地圖顯示的中心位置及縮放比例還旋轉

*/

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([xxx, xxx]),

zoom: 4

})

});

總結

以上是生活随笔為你收集整理的openlayers地图旋转_OpenLayers的使用---- 一个完全免费开源的地图JS库的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。