通过css3对百度地图maker动态扩展

html-css09

通过css3对百度地图maker动态扩展,第1张

以前使用过百度地图，有一些需要对某些特定标记物进行高亮和醒目标记，因此采用css3对百度地图的marker组件进行动态效果调试，以下是简单记录。

效果如下：

效果如下：

效果如下：

div style=" width:autoheight:100%border:0px solid gray" id="container">我设置heigh：100%地图就显示不出来，设置heigh：750px这样就能显示

var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {

offset: new BMap.Size(10, 25),

imageOffset: new BMap.Size(0, 0 - index * 25)

})

var marker = new BMap.Marker(point, {icon: myIcon})

map.addOverlay(marker)

这是引用百度自己的标注，看明白了没有，这个小标注的字不是加上去的，而本身就是一张图，连在一块的。想自定样式的话可以自己制作并切图，这样考验你的CSS了 ，总之很烦的 。个人觉得直接引用百度的就可以了。