根据经纬度在百度地图使用logo标记位置，可点击logo查看详细信息

前段时间做了一个需求，客户需要在系统中打开链接，加载百度地图，并且系统中的加油站位置要在地图上做标记，并且点击标记logo可以看到加油站的详细信息，话不多说，直接上代码:

1 .首页代码如下:

先定义一个方法，链接到一个新的jsp页面

 页面如下：

2.加油站展示逻辑代码如下：

 

 定义地图上要展示的logo，定义查询加油站信息列表

点击logo展示加油站详细信息：

 

初始化百度地图，minZoom是允许最大最小的级别，centerAndZoom第一个参数创建点坐标，第二个参数是初始化地图的大小，enableScrollWheelZoom是添加滚轮事件

 

数据库中所有经纬度不为空的加油站信息都展示在地图上，效果图如下:

 

点击logo显示加油站详细信息，并且显示一张加油站的图片，效果图如下：

 

这就是完整的代码和示例，这是qq群号 452696659，大家加进来可以互相学习，共同进步。