当前位置： 移动技术网 > IT编程>开发语言>PHP > 如何调用百度地图，并精确定位，显示在浏览器上。

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

2018年03月03日  | 移动技术网IT编程  | 我要评论

世界杯预选赛欧洲赛程,潘姿彤,牙买加协定

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网