<!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>
如何調用百度地圖，並精確定位，顯示在瀏覽器上。
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。