PHP百度地图API的使用方法

本文有两种写法：一个自己实践的，一个转载的示例

一、我写的：
网站上要做一个效果，鼠标放上就展示这个酒店的地图上的位置
1、在网站头部引入：

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

2、地图展示在网站什么位置：以及宽高

<div style="width: 252px;height: 252px;" id="allmap"></div>

3、js代码：

<script type="text/javascript">
        $('.lh30-color1').mouseover(function(){
            str = $(this).find('span').html();
            arr = str.split(",");
            var map = new BMap.Map("allmap");//创建地图实例
            var point = new BMap.Point(arr[1],arr[2]);//创建点坐标
            map.centerAndZoom(point, 15);//初始化地图
            var marker = new BMap.Marker(point);  // 创建标注
            map.addOverlay(marker);             // 将标注添加到地图中
            
//            marker.addEventListener("click",getAttr);点击弹出
//            function getAttr(){
//                var p = marker.getPosition();       //获取marker的位置
//                alert("marker的位置是" + p.lng + "," + p.lat);
//            }

            map.enableScrollWheelZoom(true);

            //设置文字标签
            label = new BMap.Label(arr[3],{offset:new BMap.Size(20,0)});
            marker.setLabel(label);

            //向地图中添加缩放控件
            var ctrl_nav