百度地图Api进阶教程-基础地图示例1.html
2013-08-15 18:15
267 查看
[html] view
plaincopy
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百度地图</title>
<script type="text/javascript">
function initialize() {
var map = new BMap.Map("allmap",{minZoom:12,maxZoom:20}); // 创建Map实例
//map.centerAndZoom(new BMap.Point(116.4035,39.915),15); //初始化时,即可设置中心点和地图缩放级别。
map.centerAndZoom("成都",13); // 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom(true);//鼠标滑动轮子可以滚动
}
function loadScript() {
var script = document.createElement("script");
script.src = "http://api.map.baidu.com/api?v=1.4&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body>
<div style="float:left;width:100px;">1</div>
<div id="allmap" style="width: 800px; height: 500px"></div>
</body>
</html>
<script type="text/javascript">
// 移动到某点 map.panTo(new BMap.Point(116.409, 39.918));
</script>
plaincopy
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百度地图</title>
<script type="text/javascript">
function initialize() {
var map = new BMap.Map("allmap",{minZoom:12,maxZoom:20}); // 创建Map实例
//map.centerAndZoom(new BMap.Point(116.4035,39.915),15); //初始化时,即可设置中心点和地图缩放级别。
map.centerAndZoom("成都",13); // 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom(true);//鼠标滑动轮子可以滚动
}
function loadScript() {
var script = document.createElement("script");
script.src = "http://api.map.baidu.com/api?v=1.4&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body>
<div style="float:left;width:100px;">1</div>
<div id="allmap" style="width: 800px; height: 500px"></div>
</body>
</html>
<script type="text/javascript">
// 移动到某点 map.panTo(new BMap.Point(116.409, 39.918));
</script>
相关文章推荐
- 百度地图Api进阶教程-基础地图示例1.html
- 百度地图Api进阶教程-基础地图示例1.html
- 百度地图Api进阶教程-地图鼠标左右键操作实例和鼠标样式6.html
- 百度地图Api进阶教程-地图鼠标左右键操作实例和鼠标样式6.html
- 百度地图Api进阶教程-默认控件和自定义控件2.html
- 百度地图Api进阶教程-创建标注和自定义标注3.html
- 百度地图Api进阶教程-点击生成和拖动标注4.html
- 百度地图Api进阶教程-点击生成和拖动标注4.html
- 百度地图Api进阶教程-弹出信息窗口5.html
- 百度地图Api进阶教程-点击生成和拖动标注4.html
- 百度地图Api进阶教程-默认控件和自定义控件2.html
- 百度地图Api进阶教程-点击生成和拖动标注4.html
- 百度地图Api进阶教程-用户自定义数据(标记和搜索)7.html
- HTML基础知识自学教程
- 弘扬的博客,一些基础的和进阶的安卓教程
- HTML/CSS基础教程 五
- HtmlParser基础教程 分类: C_OHTERS 2014-05-22 11:33 1649人阅读 评论(1) 收藏
- python基础教程之获取本机ip数据包示例
- Android基础入门教程——4.2.2 Service进阶
- HTML基础(图像地图)