如何调用百度地图，并精确定位，显示在浏览器上。

最新推荐文章于 2024-05-19 22:05:56 发布

dgxo0174

最新推荐文章于 2024-05-19 22:05:56 发布

阅读量524

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tanglixin/p/8491994.html

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>百度地图API的使用</title>

<script src="http://api.map.baidu.com/api?v=2&ak=NfwgFTvB6mGSbcIlEHFlfxSZtPlA0xrn" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
//创建地图实例
var map = new BMap.Map('map');
//创建一个坐标
var point =new BMap.Point(121.433759,28.659658);
//地图初始化，设置中心点坐标和地图级别
map.centerAndZoom(point,15);
map.addControl(new BMap.MapTypeControl());
//添加控件，地图类控件
map.enableScrollWheelZoom();
//启用滚轮放大缩小
map.enableContinuousZoom();
//启用地图惯性拖拽。
var marker = new BMap.Marker(point);
//创建标注
map.addOverlay(marker);
//将标注添加到地图
var infoWindow = new BMap.InfoWindow("I am here");
//创建信息窗口
map.openInfoWindow(infoWindow,point);
//开启信息窗口

}
window.onload = initialize;

</script>
<style type="text/css">
#map{
margin: 0 auto;
height: 600px;
width: 1200px;
}
</style>
</head>
<body>

<div id="map" ></div>
</body>
</html>