java调用高德地图API开发,高德在线地图开发——未完待续

这是目录

一、引入高德地图API

二、高德地图开发

1、定义一个div来存放地图

2、生成地图

3、添加一个跳跃的点

4、添加控件

5、有其他需要的请留言


一、引入高德地图API

 

高德地图官方示例:https://lbs.amap.com/api/javascript-api/example/map/map-show

 

前台调用高德地图开发之前要先引入,高德地图API,

“您申请的key值”需要到高德地图申请;https://lbs.amap.com/dev/key/app

 

二、高德地图开发

1、定义一个div来存放地图

 



    

2、生成地图

3、添加一个跳跃的点

   var marker = new AMap.Marker({//定义一个点
        position: map.getCenter(),
        draggable: true,
        cursor: 'move'
    });
    marker.setMap(map);
    // 设置点标记的动画效果,此处为弹跳效果
    marker.setAnimation('AMAP_ANIMATION_BOUNCE');

4、添加控件

    var scale = new AMap.Scale({//定义比例尺
        visible: true
    }),
    toolBar = new AMap.ToolBar({//定义工具条
        visible: true
    }),
    overView = new AMap.OverView({//定义方向盘
        visible: true
    }),
    map.addControl(scale);//添加比例尺
    map.addControl(toolBar);//添加工具条
    map.addControl(overView);//添加方向盘

5、有其他需要的请留言

你可能感兴趣的:(前端——各种秀)