无需key的ext4显示百度地图
2015-12-16 10:22
330 查看
注: 这样只能在界面上显示地图,目前还没有在地图上添加实现任何功能的哟......
http://developer.baidu.com/map/index.php?title=jspopular/guide/tool http://developer.baidu.com/map/jsdemo.htm#i7_4
第一步:先在主页引入
//v2.0版本的引用方式:src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"
//v1.4版本及以前版本的引用方式:src="http://api.map.baidu.com/api?v=1.4&key=您的密钥&callback=initialize"
//v1.3版本
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&services=false"></script>
第二步:显示地图
var map = null;
var html="<div id='aaa' style=\"position =absolute;left:0px;top:0px;right:0px;buttom:0px;overflow:auto;width:100%;height:100%;\"></div>";
page=Ext.create('Ext.Panel',{
html:html,
frame:true,
bodyStyle:'font-size:24px;font-weight:bold;',
border:false,
listeners:{
afterrender:function(){
map = new BMap.Map("aaa"); // 创建Map实例
map.centerAndZoom("北京", 8); // 初始化地图,设置中心点坐标和地图级别
},
beforedestroy : function() {
if (map)
map = null;
}
}
});
http://developer.baidu.com/map/index.php?title=jspopular/guide/tool http://developer.baidu.com/map/jsdemo.htm#i7_4
第一步:先在主页引入
//v2.0版本的引用方式:src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"
//v1.4版本及以前版本的引用方式:src="http://api.map.baidu.com/api?v=1.4&key=您的密钥&callback=initialize"
//v1.3版本
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&services=false"></script>
第二步:显示地图
var map = null;
var html="<div id='aaa' style=\"position =absolute;left:0px;top:0px;right:0px;buttom:0px;overflow:auto;width:100%;height:100%;\"></div>";
page=Ext.create('Ext.Panel',{
html:html,
frame:true,
bodyStyle:'font-size:24px;font-weight:bold;',
border:false,
listeners:{
afterrender:function(){
map = new BMap.Map("aaa"); // 创建Map实例
map.centerAndZoom("北京", 8); // 初始化地图,设置中心点坐标和地图级别
},
beforedestroy : function() {
if (map)
map = null;
}
}
});
相关文章推荐
- mysql配置文件my-innodb-heavy-4G.cnf中文版解释
- 如何成为一个真正在路上的Linuxer
- javaScript将json字符串转对象
- ios addSubview和insertSubview的区别
- PHP 跳转到指定链接
- asp.net mvc4 集成reactjs
- 缓冲技术
- 【Javascript】window对象
- 泛型:自定义泛型方法
- 如何成为一个真正在路上的Linuxer
- 复选框选中的判断~
- ios nsstring 字符串包含引号 处理方法
- Assembly x64 Intro - SSE2 4x4D Transpose
- 性能评估
- 代码编辑器Sublime Text 3 免费使用方法与简体中文汉化包下载
- Ming Rpc
- .top域名总量15强:14家净增长 西数涨幅第五
- 数据库读写分离的性能分析
- [LeetCode]112. Maximum Subarray最大和连续子序列
- JS 跳转到指定链接