extjs6+百度地图代码
时间: 2023-08-26 20:04:52 浏览: 116
基于Extjs4和Shiro的Java权限管理框架设计源码
以下是一个简单的使用百度地图的 ExtJS 6 代码示例:
```
Ext.application({
name: 'MyApp',
launch: function() {
// 创建一个百度地图对象
var map = new BMap.Map("my-map-container");
// 设置地图中心点和缩放级别
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
// 添加一个标注
var marker = new BMap.Marker(point);
map.addOverlay(marker);
// 创建一个信息窗口并打开
var infoWindow = new BMap.InfoWindow("Hello, World!");
marker.addEventListener("click", function() {
map.openInfoWindow(infoWindow, point);
});
}
});
```
在上面的代码中,我们创建了一个名为 `MyApp` 的 ExtJS 应用程序,并在 `launch` 方法中创建了一个百度地图对象。我们设置了地图的中心点和缩放级别,并添加了一个标注和一个信息窗口。当用户单击标注时,信息窗口将被打开并显示一条消息。
阅读全文