先引入百度地圖外掛：

<script src="http://api.map.baidu.com/api?v=2.0&ak=qntV4LT7YvgAQ52vL3qld9EVpISmUCTM"></script>

在html 中建立顯示地圖的div：

<div class="map-show" id="allmap"></div>

用js 指令碼生成地圖：
注：1.此處 將div 的 id填入
        2.傳入經緯度
        3.div容器的class 和 id 取值要注意，以免和外掛衝突（eg：定點陣圖標樣式出問題很可能是屬性名衝突了）
        4.此方法生成的地圖左下角會有百度地圖 logo，使用 .anchorBL{ display:none; } 可清除

var map = new BMap.Map("allmap");
var point = new BMap.Point(經度, 緯度);
var marker = new BMap.Marker(point);  // 建立標註
map.addOverlay(marker);              // 將標註新增到地圖中
map.centerAndZoom(point, 15);
map.enableScrollWheelZoom(true);

百度地圖知識拓展見：點選開啟連結-百度地圖開放平臺

百度地圖API_BMap模板：百度地圖開放平臺的模板 
注：此模板相當方便，在第一步中把需求設定好，直接第二步點獲取程式碼，再拷貝到專案中使用即可。