<head> <!-- 引入 bmap.css --> <link rel="stylesheet" type="text/css" href="bmap.css"> </head>此外，我們還需要在頁面中創(chuàng)建一個div元素，將它作為地圖容器：
<div id="map-container"></div>然后，我們使用JavaScript的API引入地圖庫，并通過調(diào)用相應(yīng)的方法來創(chuàng)建并顯示地圖：
// 初始化地圖
var map = new BMap.Map("map-container");
// 設(shè)置縮放級別
map.setZoom(16);
// 添加地圖控件
var navigationControl = new BMap.NavigationControl();
map.addControl(navigationControl);
// 添加標注
var point = new BMap.Point(116.404, 39.915);
var marker = new BMap.Marker(point);
map.addOverlay(marker);簡單樣例下面是一個簡單的Web頁面，演示了如何使用<html>
<head>
<link rel="stylesheet" type="text/css" href="bmap.css">
</head>
<body>
<div id="map-container"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=<your-key-here>&callback=initMap"></script>
<script type="text/javascript">
function initMap() {
var map = new BMap.Map("map-container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 14);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
var marker = new BMap.Marker(new BMap.Point(116.404, 39.915));
map.addOverlay(marker);
}
</script>
</body>
</html>該樣例中，我們簡單創(chuàng)建了一個用于顯示地圖的div元素，然后使用JavaScript的API來創(chuàng)建地圖。基于上一篇button樣式 css
下一篇bg2css下載