百度地图-修改marker图标(icon)

来源:互联网 发布:优化网站的文件和资源 编辑:程序博客网 时间:2024/03/28 22:29
[javascript] view plaincopy
  1. var map = new BMap.Map("map"); // 创建地图实例     
  2. var point = new BMap.Point(116.404, 39.915); // 创建点坐标     
  3. map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别    
  4.   
  5. map.addControl(new BMap.NavigationControl());      
  6. map.addControl(new BMap.ScaleControl());       
  7. map.setDefaultCursor("crosshair");  
  8. map.addEventListener("click"function(e){   //点击事件    
  9.     if(!e.overlay){  
  10.         var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png"new BMap.Size(23, 25), {  
  11.                         offset: new BMap.Size(10, 25), // 指定定位位置  
  12.                         imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图片偏移  
  13.                     });  
  14.         var marker=new BMap.Marker(e.point,{icon:myIcon});  
  15.         map.removeOverlay(preMarker);  
  16.         map.addOverlay(marker);  
  17.         preMarker=marker;  
  18.     }  
  19. });   
0 0