openlayer 添加marker弹出窗口

var markers,marker,popup;
		var markArr=new Array();
		function addMarker(){
			
			/* var url = 'http://www.openlayers.org/dev/img/marker.png';
                var sz = new OpenLayers.Size(20, 20);  //尺寸大小
                var calculateOffset = function(size) {
                                    return new OpenLayers.Pixel(-(size.w/2), -size.h);
                                 };
                var icon = new OpenLayers.Icon(url, sz, null, calculateOffset);
				
				marker = new OpenLayers.Marker(new OpenLayers.LonLat(116.34851,33.22630), icon);*/
				if(popup!=null){
					 onPopupMouseDown(); //先移除掉
				 }
				 feature = new OpenLayers.Feature(tiled, new OpenLayers.LonLat(116.34851,33.22630));
//tiled 是增加的图层名称,OpenLayers.Layer.WMS的对象	
 				marker = feature.createMarker();
				  markers.addMarker(marker);

				marker.events.register("mousedown", marker, function(evt){
					 if (popup == null) {
						popup = new OpenLayers.Popup("click", 
												 new OpenLayers.LonLat(116.34851,33.22630),
												 new OpenLayers.Size(100,100),
												 "click me",
												 true);
						 popup.setBorder("#999999 solid 1px");
						 popup.closeOnMove = true;
						map.addPopup(popup);
					} else {
						popup.toggle();
					 }
					OpenLayers.Event.stop(evt);
				});
		}
		//移除Popup
		function onPopupMouseDown() {
            markers.map.removePopup(popup);
            popup.destroy();
            popup = null;
        } 
 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值