百度地图自定义标记图标
html
<div class="baiduMap"> <div id="map" style="border:1px solid #eee;height:600px;"></div> </div>
js
<!-- 引入百度地图js、css --> <script src="http://api.map.baidu.com/api?v=2.0&ak=aYF3Un151pFUOcF9K98daGzk4cqaIfBE"type="text/javascript"></script> <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script> <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" /> <script type="text/javascript"> var map = new BMap.Map('map');// 创建地图实例 var poi = new BMap.Point(113.738483,23.009224);// 创建点坐标 map.centerAndZoom(poi, 19);// 初始化地图,设置中心点坐标和地图级别 map.enableScrollWheelZoom();//启用滚轮放大缩小,默认禁用 map.addControl(new BMap.NavigationControl()); //地图平移缩放控件 map.addControl(new BMap.ScaleControl()); //缩放比列单位 var myIcon = new BMap.Icon( "__SKIN__/img/mapicon.png", //图标地址 new BMap.Size(79, 79), //图标尺寸 { //图标位置偏移 anchor: new BMap.Size(80, 125), // 当需要从一幅较大的图片中截取某部分作为标注图标时,需要指定大图的偏移位置 imageOffset: new BMap.Size(0, 0) // 设置图片偏移 }); var marker = new BMap.Marker(poi,{icon: myIcon}); //创建marker对象 map.addOverlay(marker); //在地图中添加marker marker.setAnimation(BMAP_ANIMATION_BOUNCE);//标记跳动的动画 </script>
效果,图标还会跳动哦
百度经纬度搭取
http://api.map.baidu.com/lbsapi/getpoint/index.html