是的,OpenLayers 可以实现倾斜角度的地图视图
<script src="https://cdn.jsdelivr.net/npm/ol@v7.1.0/dist/ol.js"></script>
<div id="map" class="map"></div>
.map {
width: 100%;
height: 100vh;
}
// 创建地图对象
const map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM(),
}),
],
view: new ol.View({
center: ol.proj.fromLonLat([0, 0]), // 设置地图中心点
zoom: 2, // 设置地图缩放级别
rotation: 0.5, // 设置地图倾斜角度,单位为弧度
}),
});
在这个示例中,我们将地图的倾斜角度设置为 0.5 弧度。你可以根据需要调整这个值。注意,倾斜角度是以弧度为单位的,如果你需要将角度转换为弧度,可以使用以下公式:
const angleInDegrees = 30; // 倾斜角度(度)
const angleInRadians = (angleInDegrees * Math.PI) / 180;
将 angleInRadians
的值代入 rotation
属性即可。
通过上述方法,你可以在 OpenLayers 中实现倾斜角度的地图视图。
领取专属 10元无门槛券
手把手带您无忧上云