前段时间做了一个需求,客户需要在系统中打开链接,加载百度地图,并且系统中的加油站位置要在地图上做标记,并且点击标记logo可以看到加油站的详细信息,话不多说,直接上代码:
1 .首页代码如下:
先定义一个方法,链接到一个新的jsp页面
?页面如下:
2.加油站展示逻辑代码如下:
?
?定义地图上要展示的logo,定义查询加油站信息列表
点击logo展示加油站详细信息:
?
初始化百度地图,minZoom是允许最大最小的级别,centerAndZoom第一个参数创建点坐标,第二个参数是初始化地图的大小,enableScrollWheelZoom是添加滚轮事件
?
数据库中所有经纬度不为空的加油站信息都展示在地图上,效果图如下:
?
点击logo显示加油站详细信息,并且显示一张加油站的图片,效果图如下:
?
这就是完整的代码和示例,这是qq群号 452696659,大家加进来可以互相学习,共同进步。?