openlayers4打開openstreetmap的做法

OpenLayers 是一個專為Web GIS 客戶端開辟供給的JavaScript 類庫包,用于實現尺度格局發布的地圖數據拜候 。 今朝OpenLayers的最新版本是4.6.5 。 下面簡要介紹OpenLayers4打開OpenStreetMap的做法 。

需要這些哦
vs2013
google瀏覽器
javascript代碼
方式/
1打開https://openlayers.org/download/ 下載OpenLayers,如下圖:

openlayers4打開openstreetmap的做法



2利用vs2013新建一個ASP.NET Web應用法式:OpenLayers4Demo,如下圖:

openlayers4打開openstreetmap的做法



openlayers4打開openstreetmap的做法



3新建一個index.htm,并設為肇端頁,如下圖:

openlayers4打開openstreetmap的做法



openlayers4打開openstreetmap的做法



4在 index.htm輸入如下代碼:

openlayers4打開openstreetmap的做法



openlayers4打開openstreetmap的做法



5【openlayers4打開openstreetmap的做法】單擊調試按鈕,啟動瀏覽器就可以看到結果圖了,如下圖:

openlayers4打開openstreetmap的做法




以上內容就是openlayers4打開openstreetmap的做法的內容啦,希望對你有所幫助哦!

    猜你喜歡