百度地图自定义标记图标
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