百度地图引用

最新推荐文章于 2022-12-21 10:13:17 发布

weixin_30338461

最新推荐文章于 2022-12-21 10:13:17 发布

阅读量47

点赞数

原文链接：http://www.cnblogs.com/token/p/3582071.html

版权

<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>