百度地圖引用

時間 2019-11-11

標籤百度地圖引用简体版

原文原文鏈接

<style type="text/css">
#J-bdmap { width:500px; height:200px; border:1px solid #ccc; }
</style>
<body>

<div class="points"> <a href="#" onclick="return loadPoint(120.147403,30.231107);">太子灣公園</a> | <a href="#" onclick="return loadPoint(120.156242,30.237222);">雷峯塔</a> | <a href="#" onclick="return loadPoint(120.145391,30.246832);">蘇堤</a></div>
<div id="J-bdmap"></div>
<!-- 引入百度地圖API -->
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script> 
<script>
window.onload=function(){
    BMapObj = new BMap.Map("J-bdmap");  // 在頁面加載完成後，建立一個地圖對象；
    // 設置默認顯示位置的座標，這裏是杭州的。
    var point = new BMap.Point(120.162099,30.279019);
    // 中央顯示
    BMapObj.centerAndZoom(point,12);
    // 顯示標記
    BMapObj.addOverlay(new BMap.Marker(point));
}
// 加載一個地址座標
function loadPoint(x, y) {
    var point = new BMap.Point(x, y);
    if(point) {
        BMapObj.centerAndZoom(point,16);
        BMapObj.addOverlay(new BMap.Marker(point));
    }
    return false;
}
</script>
</body>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。