jQuery 百度地图单点标注公司简介联系我们实例

kingrome2009

于 2018-03-31 16:25:16 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签：百度地图

本文链接：https://blog.youkuaiyun.com/kingrome2017/article/details/79770563

jquery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用百度地图API创建地图并标记特定位置的应用案例。通过JavaScript代码实现了地图的加载、定位到指定坐标（北京市海淀区西三环北路的大厦附近）、并在该位置添加了信息窗口。此外还展示了如何在图片加载完成后重新绘制信息窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述

<!-- 百度地图 -->
    <div id="allmap"></div>

allmap();
    function allmap(){
        var sContent ="北京市海淀区西三环北路 <br>大厦";
        var map = new BMap.Map("allmap");
        var point = new BMap.Point(116,39);  //可以通过百度地图坐标拾取系统 http://api.map.baidu.com/lbsapi/getpoint/index.html
        var marker = new BMap.Marker(point);
        var infoWindow = new BMap.InfoWindow(sContent);
        map.centerAndZoom(point, 15);
        map.addOverlay(marker);
        marker.openInfoWindow(infoWindow);
        $('#imgDemo').load(function (){
            infoWindow.redraw();
        })
    }