百度地图api - 默认的画点功能切换图形-鼠标点击画点切换图形

文章标签: 百度地图api
2017-8-29 10:59:54     0 人阅读    

百度提供的例子当中,并没有提供鼠标点击后切换图形的例子

并且网上的大多数例子都是鼠标点击事件完成或者定点画图的情况,并没有在 BMapLib.DrawingManager 中提供画点并且换图形的情况


我参考了 文档 http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib.DrawingManager.html,修改了之后可以实现锚点图形切换

      百度地图例子没有提供画点的图片切换


修改代码如下:

var myIcon = new BMap.Icon("./imgs/030.png", new BMap.Size(60,60));
	   //var marker2 = new BMap.Marker(pt,{icon:myIcon});  // 创建标注
       var markerOptions = {
			icon:myIcon,    //边线颜色。
			enableMassClear:true,      //是否在调用map.clearOverlays清除此覆盖物,默认为true。
			enableDragging: true,       //是否启用拖拽,默认为false。
			enableClicking: true,	   //是否响应点击事件。默认为true。
			raiseOnDrag: false,      //拽标注时,标注是否开启离开地图表面效果。默认为false
			title:'摄像头 aaaa'
        }
		 drawingManager = new BMapLib.DrawingManager(map, {
			isOpen: false, //是否开启绘制模式
			//enableDrawingTool: true, //是否显示工具栏
			drawingToolOptions: {
				anchor: BMAP_ANCHOR_TOP_RIGHT, //位置
				offset: new BMap.Size(5, 5), //偏离值
			},
			markerOptions:markerOptions,
			circleOptions: styleOptions, //圆的样式
			polylineOptions: blueStyleOptions, //线的样式
			polygonOptions: commonStyleOptions, //多边形的样式
			rectangleOptions: styleOptions //矩形的样式
		});  
		



通过上面的例子,就可以修改默认点了 ,修改后的界面如下 


百度地图修改绘图功能锚点图片



如果你不需要采用   BMapLib.DrawingManager 绘图功能,只是想在地图上点击画一个图片的话,可以采用如下的代码

function drawOther(btn){
		
         //创建小狐狸
		 var pt = new BMap.Point(116.417, 39.909);
		 var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300,157));
		 var marker2 = new BMap.Marker(pt,{icon:myIcon});  // 创建标注
		 map.addOverlay(marker2);              // 将标注添加到地图中
		 overlays.push(marker2); 
    }





如果有问题 ,大家可以留言...最近感觉 百度地图api 功能还是挺全的,就是例子太少了,百度一下 ,你就找不到....

非要自己研究才行。。





   


原文地址:http://www.itmmd.com/201708/818.html
该文章由 萌萌的IT人 整理发布,转载须标明出处。

  上一篇
下一篇  mui 图片预览-采用层图片最大化展示

精彩回复
发表评论
姓名: