openlayers百度地图
时间: 2023-07-26 21:05:10 浏览: 214
openlayers 调用百度地图
4星 · 用户满意度95%
OpenLayers 是一个开源的 JavaScript 库,用于在 Web 页面上显示动态地图。它支持多种地图提供商,包括百度地图。
要在 OpenLayers 中使用百度地图,您需要引入 OpenLayers 库和百度地图的 JavaScript API。以下是一个简单示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>OpenLayers with Baidu Map</title>
<style>
#map {
width: 100%;
height: 400px;
}
</style>
<script src="https://cdn.bootcss.com/openlayers/2.13.1/OpenLayers.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=YourBaiduMapAPIKey"></script>
</head>
<body>
<div id="map"></div>
<script>
var map = new OpenLayers.Map("map");
var baiduLayer = new OpenLayers.Layer.Baidu();
map.addLayer(baiduLayer);
var center = new OpenLayers.LonLat(116.404, 39.915).transform(
new OpenLayers.Projection("EPSG:4326"),
map.getProjectionObject()
);
map.setCenter(center, 12);
</script>
</body>
</html>
```
请将上面代码中的 `YourBaiduMapAPIKey` 替换为您自己的百度地图 API 密钥。这样,您就可以在 OpenLayers 中使用百度地图了。
阅读全文