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

这里是目录

一、引入百度地图API

二、百度地图开发

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

2、生成地图

3、添加一个跳跃的点

4、添加控件

5、有其他需要的请留言



一、引入百度地图API

 

百度地图官方示例:http://lbsyun.baidu.com/jsdemo.htm#a1_2

 

前台调用百度地图开发之前要先引入,百度地图API,

您的秘钥需要到百度地图申请;http://lbsyun.baidu.com/apiconsole/key

 

二、百度地图开发

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


	

 

2、生成地图

3、添加一个跳跃的点

        var marker = new BMap.Marker(point);  // 创建标注
	map.addOverlay(marker);               // 将标注添加到地图中
	marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

4、添加控件

        var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角,添加比例尺
	var top_left_navigation = new BMap.NavigationControl();  //左上角,添加默认缩放平移控件
	var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右上角,仅包含平移和缩放按钮
        map.addControl(top_left_control);
        map.addControl(top_left_navigation);
        map.addControl(top_right_navigation);

5、有其他需要的请留言

完整版代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




百度在线地图



	
加载中,请稍后...

 

你可能感兴趣的:(前端)