百度地图 jsp 应用

来源:互联网 发布:文章管理系统php源码 编辑:程序博客网 时间:2024/05/21 15:04

近日,项目要求将百度地图加进来,进行某些显示

1、首先进入百度地图API,我选的是web开发

2、注册,获取  密钥(ak),有这个才可以使用

3、这个做的还好,有开发指南


看到这些东西是不是就可以尽情的玩耍了,呵呵

4.我需要的是加入好多小红点点,看了以后才知道是个标注,

这个标注可以有标题(鼠标移动显示),也可以添加事件。忘了说,这个是javascript。

这个开发文档写的很清楚,事件,工具都还有。

5.那就开始吧!好多需要的东西又可以从开发文档中找到,

我写的很简单,只是显示一下下,再加个信息窗口,可以嵌套个java的循环,动态的添加标注shi

var point1 = new BMap.Point(<%=%>,<%=%>);
        
        var marker1 = new BMap.Marker(point1);
        // 创建标注    

        map.addOverlay(marker1); // 将标注添加到地图中              // 初始化地图,设置中心点坐标和地图级别  
        marker1.setTitle("<%=%>");

        marker1.addEventListener("click", function() {

            var opts = {
                width : 250, // 信息窗口宽度    
                height : 100, // 信息窗口高度    
                title : "<div><table></table><div>" // 信息窗口标题   
            }
            var infoWindow = new BMap.InfoWindow("", opts); // 创建信息窗口对象     

            this.openInfoWindow(infoWindow);
        });

6 在地图里如果显得空,可以加些工具

我现在还用不到,所以就到此结束了。

0 0
原创粉丝点击