1ページに複数のBaidu地図を表示する方法_JavaScriptスキル

ページに 2 つのマップを追加した場合の効果は次のとおりです:

ページのコアコードは次のとおりです:

コードをコピー コードは次のとおりです:

上記のコードは、同じページ上に 2 つの地図を並べて表示できます。左側の地図をドラッグしてズームし、右側の地図も移動してズームしたい場合は、zoomend と moveend を登録するだけです。左側のマップで十分です。コードは次のとおりです:

コードをコピー コードは次のとおりです。

map1.addEventListener("zoomend", function) () {
map2.zoomTo(map1.getZoom());
map2.panTo(map1.getCenter());
});

map1.addEventListener("moveend", function () {
map2.zoomTo(map1.getZoom());
map2.panTo(map1.getCenter());
});

完全なコードは次のとおりです:

コードをコピー コードは次のとおりです: