高德地图理解

可以登录高德地图开放平台了解高德地图的一些应用，挺全的(以下是我自己记录的笔记）

1.引入高德地图的控件

<linkrel=”stylesheet”href=http://cache.amap.com/lbs/static/main1119.css/>

<scriptsrc=”http://webapi.amap.com/maps?v=1.3&key=key值”></script>

<scripttype=”text/javascript”src=”${ctx}/js/mapToolEBUSOper.js”></script>

 key值可以注册一个账号，然后申请key值 。

2. 加载地图：

varmap=new AMap.Map(‘容器id’,{

     resizeEnable:true,地图容器尺寸变化

     zoom:11,缩放级别

     center:[,]中心位置    

});

3. 引用插件,使用AMap.plugin添加插件

AMap.plugin([“AMap.MapType”,“AMap.ToolBar”,”AMap.OverView”],function(){

     map.addControl(newAMap.ToolBar());

     map.addControl(newAMap.Scale());

     map.addControl(newAMap.OverView());

})

4. 使用对象调用相关的功能

AMap.plugin([‘AMap.Autocomplete’,’AMap.PlaceSearch’],function(){

   var autoOptions={city:””,input:”容器id”};

//提示关键字

   var autocomplete=

new AMap.Autocomplete(autoOptions);

   var placeSearch=new AMap.PlaceSearch

({city:””,map:map});//搜索

           //监听事件

           AMap.event.addListener(autocomplete,”select”,

function(e){

   placeSearch.setCity(e.poi.adcoe);

   placeSearch.search(e.poi.name)

});

})

来源：CSDN

作者：dingdongsnow

链接：https://blog.csdn.net/dingdongsnow/article/details/79288093