1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html5百度地图选中标注点 jQuery百度地图单点标注

html5百度地图选中标注点 jQuery百度地图单点标注

时间:2024-02-02 13:21:32

相关推荐

html5百度地图选中标注点 jQuery百度地图单点标注

插件描述:百度地图单点标注,信息窗口展示

更新时间:/7/15 上午11:37:38

更新说明:新增鼠标滚轮缩放和地图类型设置功能

1.引入jQuery和百度地图脚本

2.实例化插件newBaiduMap({

id:"container2",

title:{

text:"北京故宫博物院",

className:"title"//选填--样式类名

},

content:{

className:"content",//选填--样式类名

text:["地址:北京市东城区东华门大街","电话:(010)65131892"]

},

point:{

lng:"116.412222",

lat:"39.912345"

},

level:15,//选填--地图级别--(默认15)

zoom:true,//选填--是否启用鼠标滚轮缩放功能--(默认false)【新增】

type:["地图","卫星","三维"],//选填--显示地图类型--(默认不显示)【新增】

width:320,//选填--信息窗口width--(默认自动调整)

height:70,//选填--信息窗口height--(默认自动调整)

icon:{//选填--自定义icon图标

url:"img/icon.png",

width:36,

height:36

}

});

使用方法

1. 引入jQuery和百度地图

2. 实例化插件newBaiduMap({

id:"container2",

title:{

text:"北京故宫博物院",

className:"title"//选填--样式类名

},

content:{

className:"content",//选填--样式类名

text:["地址:北京市东城区东华门大街","电话:(010)65131892"]

},

point:{

lng:"116.412222",

lat:"39.912345"

},

level:15,//选填--地图级别--(默认15)

type:true,//选填--是否显示地图类型--(默认false)

width:320,//选填--信息窗口width--(默认自动调整)

height:70,//选填--信息窗口height--(默认自动调整)

icon:{//选填--自定义icon图标

url:"img/icon.png",

width:36,

height:36

}

});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。