首页 > 技术文章 > 百度地图插件

boystar 2015-11-20 13:48 原文

<!--js和样式-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<style type="text/css">
   #allmap {width: 700px;height: 400px;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>

<!--引入-->
<div id="allmap"></div>

<!--js参数-->
<script>
        var map = new BMap.Map(106,106);
        map.addControl(new BMap.NavigationControl());
        var point = new BMap.Point({$siteInfo['map']});
        var marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        map.centerAndZoom(point, 16);
        var opts = {
            width : 200,     // 信息窗口宽度
            height: 100,     // 信息窗口高度
            title : "{$siteInfo['company']}" , // 信息窗口标题
            enableMessage:true//设置允许信息窗发送短息
        }
        var infoWindow = new BMap.InfoWindow("地址:{$siteInfo['address']}", opts);  // 创建信息窗口对象
        marker.addEventListener("click", function(){
            map.openInfoWindow(infoWindow,point); //开启信息窗口
        });
    </script>

<!--拾取坐标-->
<a href="http://api.map.baidu.com/lbsapi/getpoint/index.html"></a>

 

推荐阅读