openlayers示例
时间: 2023-08-05 12:11:05 浏览: 66
当然,我可以为您提供一些 OpenLayers 的示例。以下是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>OpenLayers Example</title>
<style>
#map {
width: 100%;
height: 400px;
}
</style>
</head>
<body>
<div id="map"></div>
<script src="https://cdn.jsdelivr.net/npm/ol@6.6.1/dist/ol.js"></script>
<script>
var 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,
}),
});
</script>
</body>
</html>
```
这个示例在网页上创建了一个地图,并使用 OpenLayers 加载了 OpenStreetMap 图层。地图的初始中心点是经纬度为 [0, 0],缩放级别为 2。
您可以将以上代码复制到一个 HTML 文件中,然后在浏览器中打开该文件,即可看到地图的展示效果。
希望这个示例能帮到您!如果您还有其他问题,请随时提问。