openlayers如何在一個(gè)頁(yè)面上實(shí)例化兩個(gè)地圖
2023-04-08 08:54 作者:undefind_null | 我要投稿
由于b站的限制文章中script標(biāo)簽請(qǐng)去除空格
使用OpenLayers的Map構(gòu)造函數(shù)來(lái)創(chuàng)建多個(gè)地圖實(shí)例。您只需在頁(yè)面上創(chuàng)建兩個(gè)具有唯一ID的div元素,然后將這些元素作為參數(shù)傳遞給Map構(gòu)造函數(shù)即可。
例如,以下代碼演示如何在同一頁(yè)面上創(chuàng)建兩個(gè)地圖:
在此示例中,我們創(chuàng)建了兩個(gè)具有唯一ID的div元素(‘map1’和’map2’)。然后,我們創(chuàng)建兩個(gè)Map實(shí)例,并將每個(gè)實(shí)例的目標(biāo)(target)屬性設(shè)置為相應(yīng)的div ID。這樣,OpenLayers就會(huì)將地圖渲染到正確的div元素中。
標(biāo)簽: