ext js6写地图的代码
时间: 2024-05-25 14:19:16 浏览: 20
以下是一个使用 Ext JS 6 开发地图的示例代码:
// 创建地图对象
var map = Ext.create('Ext.ux.google.Map', {
xtype: 'google-map',
region: 'center',
center: '37.7749,-122.4194', // 地图中心点坐标
zoom: 13, // 地图缩放级别
markers: [{
position: '37.7749,-122.4194', // 标记点坐标
title: 'San Francisco', // 标记点标题
icon: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png' // 标记点图标
}],
listeners: {
mapready: function(map) {
// 地图加载完成后执行的操作
}
}
});
// 创建地图面板
var mapPanel = Ext.create('Ext.panel.Panel', {
title: 'Google Map',
layout: 'fit',
items: [map]
});
// 将地图面板添加到页面中
Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [mapPanel]
});
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)