js 百度地图第二次加载显示不全问题解决方案
来源:互联网 发布:房价m2知乎 编辑:程序博客网 时间:2024/05/22 12:13
使用div load方式后如果直接映入百度地图的js,发现第二次加载时显示不全,使用异步加载地图方式可以解决问题。
如下:
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<title>异步加载地图</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
//百度地图API功能
function loadJScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://api.map.baidu.com/api?v=2.0&ak=您的密钥&callback=init";
document.body.appendChild(script);
}
function init() {
var map = new BMap.Map("allmap"); // 创建Map实例
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point,15);
map.enableScrollWheelZoom(); //启用滚轮放大缩小
}
window.onload = loadJScript; //异步加载地图
</script>
百度地图api示例:
http://developer.baidu.com/map/jsdemo.htm
阅读全文
0 0
- js 百度地图第二次加载显示不全问题解决方案
- 百度地图API(5):地图第二次加载异常,错位,不全解决方案
- Extjs加载百度地图,显示不全的问题
- 百度地图加载显示
- iOS 百度地图当前位置方向问题解决方案
- ScrollView中包含ListView显示不全的问题解决方案
- 网页使用百度地图后,显示不全(已解决)
- 百度地图第一次调用正常,第二次调用显示不完整
- 【问题解决】网页加载百度地图加载不出来
- Android百度地图加载只显示网格
- android 百度地图API定位 所遇问题解决方案
- Arcgis for js加载百度地图
- Arcgis for js加载百度地图
- js 百度地图加载大量点
- Arcgis for js加载百度地图
- arcgis api for js 加载百度地图
- 关于百度地图只显示中间部分,显示不全的原因
- 百度地图JS只显示一个省
- liunx 配置jdk
- qt学习之sender
- Device Tree
- 修改commit的message
- arguments,callee和caller
- js 百度地图第二次加载显示不全问题解决方案
- 修改文件内容Java python
- 网络数据
- linux 树莓派下 python安装scipy
- 【Redis手册三】Redis事务
- Mybatis BeanUtil 日期报错
- 头条笔试题
- 【MyBatis源码分析】插件实现原理
- MYSQL-explain