官网demo地址:
首先先创建1000个随机点,创建点对象。
const n = 1000;
const geometries = new Array(n);
for (let i = 0; i < n; ++i) {
const lon = 360 * Math.random() - 180;
const lat = 180 * Math.random() - 90;
geometries[i] = new Point([lon, lat]);
}
因为创建的点坐标是地理坐标,而地图默认是3857投影展示,所以使用 useGeographic()让所有坐标都直接使用地理坐标系(EPSG:4326)
import { useGeographic } from "ol/proj.js";
useGeographic();
等同于在view中设置projection为"EPSG:4326"
view: new View({
center: [0, 0],
zoom: 2,
projection: "EPSG:4326",
}),