openlayers4 入門開發系列之船訊篇

2022-01-29 13:08:15 字數 1131 閱讀 2116

本篇的重點內容是利用 openlayers4 實現船訊功能,效果圖如下:

//

船訊"" +

"船訊" +

"" +

'' +

'' +

'船訊' +

''

//

船訊$("#aislayer input").bind("click", function

() );

ais.initsearchpanel($("#map-search-box-panel"));

ais.refresh();

var map =bmap.getmap();

map.getview().setcenter([12867513.634164134, 2589684.2523000734]);

map.getview().setzoom(10);

//圖例面板顯示

$("#map_tl").css("display","block");

$("#map_tl>img").attr('src', global.domainresource+"/content/img/aislegend.png");

$("#map_tl>img").css("width","auto");

$("#map_tl>img").css("height","300px");

}else

})

/*

** @description 重新整理船舶位置

*/bxmap.ais.prototype.refresh = function

()

if(this

.shiplayer) //

獲取船舶資訊並新增到地圖

var self = this

;bxmap.ais.getshipsbyresolution(center, resolution,

function

(data) }}

});}

}

更多的詳情見:gis之家小專欄對本專欄感興趣的話,可以關注一波

Openlayers4中的全屏

openlayers4中,ol.control.fullscreen 可實現地圖的全屏展示,可是當地圖的初始化寬度和高度都不是100 的時候,全屏的時候只會寬度的100 高度還是原來地圖的高度。本文講述如何解決此問題。解決此問題的關鍵還是在於全屏的時候地圖的容器的高度也得變成100 因此,解決 如下...

Teamcenter 入門開發系列問答 4

topics system architecture distributed db questions 1 server architecture in proview phase 0?2.如何在corporate server,local area server,work group workst...

Nodejs入門開發

響應頭 時間 伺服器採用的版本比如apache,編碼型別,超時時間設定等 空行 分割這個響應頭和訊息體 訊息體 相應的具體內容 不同瀏覽器引擎不一樣,但是都是ecma標準。所以可以解析同一段js 安裝xcode 命令 xcode select install 安裝python 安裝homebrew ...