高德地图API——创建Map

map= new AMap.Map('newMap', {
       		center: [116.397428, 39.90923],
        	layers: [//只显示默认图层的时候,layers可以缺省
            new AMap.TileLayer()//高德默认标准图层
        	],
        	zoom: 13
    		});
		AMap.plugin(['AMap.Autocomplete','AMap.PlaceSearch'],function(){
			var autoOption={
					city:"",
					input:"location"
			}
			
			var autocomplete=new AMap.Autocomplete(autoOption);
			var placeSearch = new AMap.PlaceSearch({
	            city:'北京',
	            map:map
	      })
	      AMap.event.addListener(autocomplete, "select", function(e){
	         //TODO 针对选中的poi实现自己的功能
	         placeSearch.setCity(e.poi.adcode);
	         placeSearch.search(e.poi.name);
	      });
			
			 AMap.event.addListener(placeSearch, "markerClick", function(e){
				 console.log(e.data.location);//当前marker的经纬度信息
				 if(oldmarker!=null){
					 map.remove(oldmarker);
				 }
				 $("input[name=lon]").val(e.data.location.lng);
				 $("input[name=lat]").val(e.data.location.lat);
			 })
		})
    		 var clickEventListener = map.on('click', function(e){
    		
          	 $("input[name=lon]").val(e.lnglat.lng);
          	 $("input[name=lat]").val(e.lnglat.lat);
         // 填写地址
         		var mlon=$("input[name=lon]").val();
         		var mlat=$("input[name=lat]").val();
         	
         		var LngLat;
         	
         		if(mlon&&mlat){
         			if(oldmarker!=null){
         				map.remove(oldmarker);
         			}
         			LngLat=[mlon,mlat];
         			addmarker(LngLat);
         			oldlon=mlon;
         			oldlat=mlat;
         		}
         	
         	
    		 });
    		 
    		 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值