百度地图添加批注

顶部需要插入 百度地图 sdk, ak申请后可以查看.

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=akcode"></script>

<div id="ditu"></div>
<script>
            var map = new BMap.Map("ditu");
            var point = new BMap.Point(118.918974, 32.087163);
            map.centerAndZoom(point, 18);
            var marker = new BMap.Marker(point);
            map.addOverlay(marker);

            var opts = {
                width: 250,
                height: 80,
                title: "[南京]考研工坊",
                offset: new BMap.Size(10, -10)
            }
            var infoWindow = new BMap.InfoWindow("地址: 南京市栖霞区马群街道紫东路2号紫东创意园B6栋<br>电话: 15195990005", opts);
            map.openInfoWindow(infoWindow, map.getCenter());
        </script>

效果如下