简单的例子。。覆盖点 。。只要 appid 就行了。。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <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=57ab4d7f7882e2028de5a9a589ae697f"></script> <title>设置点的新图标</title> <script src="http://c.cnzz.com/core.php"></script></head> <body> <div id="allmap"></div> </body> </html> <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); var ctrl_nav = new BMap.NavigationControl({ anchor : BMAP_ANCHOR_BOTTOM_RIGHT, type : BMAP_NAVIGATION_CONTROL_ZOOM }); //var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_ZOOM}); map.addControl(ctrl_nav); var geolocationControl = new BMap.GeolocationControl(); geolocationControl.addEventListener("locationSuccess", function(e) { map.setZoom(18); // 定位成功事件 //alert(e.point.lng); /*var address = ''; address += e.addressComponent.province; address += e.addressComponent.city; address += e.addressComponent.district; address += e.addressComponent.street; address += e.addressComponent.streetNumber;*/ //alert("当前定位地址为:" + address); }); geolocationControl.addEventListener("locationError", function(e) { // 定位失败事件 alert(e.message); }); map.addControl(geolocationControl); var point = new BMap.Point(115.404, 39.915); map.centerAndZoom(point, 15); //创建小狐狸 var pt = new BMap.Point(115.417, 39.909); //http://developer.baidu.com/map/jsdemo/img/fox.gif var myIcon = new BMap.Icon("http://api0.map.bdimg.com/images/navigation-control/geolocation-control/point/position-icon-14x14.png", new BMap.Size(14,14)); var marker2 = new BMap.Marker(pt,{icon:myIcon}); // 创建标注 map.addOverlay(marker2); // 将标注添加到地图中 // 百度地图API功能 // var map = new BMap.Map("allmap"); // var point = new BMap.Point(116.404, 39.915); // map.centerAndZoom(point, 15); // var marker = new BMap.Marker(point); // 创建标注 // map.addOverlay(marker); // 将标注添加到地图中 // marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 </script>