高德地图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;
         		}
         	
         	
    		 });
    		 
    		 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
高德地图API 2.0是一个开放平台,提供开发者使用的地图相关功能接口。 首先,为了使用高德地图API 2.0,我们需要在高德开放平台上创建一个开发者账号,并且申请一个API Key。API Key是使用API的身份标识,每个开发者账号可以申请多个API Key。 然后,我们可以使用API Key在开发项目中调用高德地图API的各种功能接口。这些接口包括地图显示、地图搜索、路径规划、地理编码等等。 例如,如果我们想在网页上显示一个地图,可以使用JavaScript API。首先,在网页中引入高德地图API的JavaScript文件,并在HTML中创建一个指定位置的容器,然后在JavaScript代码中调用地图显示接口,传入容器和配置参数,即可在网页上显示地图。 另外,如果我们需要实现地图搜索功能,可以使用地理编码和输入提示接口。通过地理编码接口,我们可以将地名转换为经纬度坐标,通过输入提示接口,可以根据用户输入的关键字,提供相应的地点建议。 同时,高德地图API还提供了路径规划接口,可以实现驾车、步行、公交等不同出行方式的路径规划功能。 除了以上功能,高德地图API还提供了丰富的地图样式、地图覆盖物、地图交互等等功能接口,供开发者根据自己的需求自由调用和定制。 总之,高德地图API 2.0使用方便、功能强大,可以帮助开发者在自己的项目中轻松实现各种地图相关的功能。无论是网页、移动应用还是其他项目,高德地图API都是一个值得推荐的选择。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值