<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.417854,39.921988);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.centerAndZoom(point, 15);
var opts = {
width : 200, // 信息窗口宽度
height: 100, // 信息窗口高度
title : "海底捞王府井店" , // 信息窗口标题
enableMessage:true,//设置允许信息窗发送短息
message:"亲耐滴,晚上一起吃个饭吧?戳下面的链接看下地址喔~"
}
var infoWindow = new BMap.InfoWindow("地址:北京市东城区王府井大街88号乐天银泰百货八层", opts); // 创建信息窗口对象
marker.addEventListener("click", function(){
map.openInfoWindow(infoWindow,point); //开启信息窗口
});
var point2 = new BMap.Point(116.417854,39.915);
var marker2 = new BMap.Marker(point2); // 创建标注
map.addOverlay(marker2); // 将标注添加到地图中
map.centerAndZoom(point2, 15);
var opts2 = {
width : 200, // 信息窗口宽度
height: 100, // 信息窗口高度
title : "东方广场" , // 信息窗口标题
enableMessage:true,//设置允许信息窗发送短息
message:"亲耐滴,晚上一起吃个饭吧?戳下面的链接看下地址喔~"
}
var infoWindow2 = new BMap.InfoWindow("地址:北京市东城区东方广场", opts2); // 创建信息窗口对象
marker2.addEventListener("click", function(){
map.openInfoWindow(infoWindow2,point2); //开启信息窗口
});
</script>
<!DOCTYPE html>
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<title>设置点的新图标</title>
<div id="allmap"></div>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
//创建标注点(第一个地点)
var pt = new BMap.Point(116.417, 39.909);
var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300,157));
var marker2 = new BMap.Marker(pt,{icon:myIcon}); // 创建标注
map.addOverlay(marker2);
//创建标注点(第二个地点)
var pt2 = new BMap.Point(116.404, 39.915);
var myIcon2 = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300,157));
var marker22 = new BMap.Marker(pt2,{icon:myIcon2}); // 创建标注
map.addOverlay(marker22); // 将标注添加到地图中
</script>
|