百度地图 调用

//注意必须引入自己的key

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





<script type="text/javascript">
/** 百度地图API功能 **/
var map = new BMap.Map("bai_map"); // 创建Map实例  bai_map为显示地图的id
<?php $a=json_decode($goods_info[0]['shopcoord'])->lng; ?>
<?php $b=json_decode($goods_info[0]['shopcoord'])->lat; ?>
var point = new BMap.Point(<?php echo $a ?>,<?php echo $b ?>); // 创建点坐标
map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom(); //启用滚轮放大缩小
map.addControl(new BMap.NavigationControl(point)); //右上角,仅包含平移和缩放按钮
var marker1 = new BMap.Marker(point); // 创建标注
map.addOverlay(marker1); // 将标注添加到地图中
var opts = {
width : 80, // 信息窗口宽度
height: 60, // 信息窗口高度
title : "店铺位置" , // 信息窗口标题
enableMessage:true,//设置允许信息窗发送短息
message:"亲耐滴,晚上一起吃个饭吧?戳下面的链接看下地址喔~"
}
var infoWindow = new BMap.InfoWindow("地址:<?php echo $goods_info[0]['shopaddress']?>", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point); //开启信息窗口
</script>

  

posted @ 2014-08-20 09:25  麦田守望者~  阅读(466)  评论(0编辑  收藏  举报