swing 百度地图调用_一次百度地图交互开发

1.需求：在开始介绍功能实现之前，先捋一下需求。

总体的场景是这样的，网页的上70%是控件百度地图，底部大约30%的表格，用于显示已经渲染在地图上的marker的直观信息。

需求一：在百度地图上生成一个当前鼠标点击的位置，生成一个marker并展示。

需求二：可以点击地图上生成的marker，生成弹窗展示该marker的基本信息，并提供可点击的功能操作按钮。

需求三：点击下方的表格，跳转到对应的百度地图上的marker，并直接弹出需求二的弹窗。

2.实现思路：

需求一：

先通过在百度地图上的点击事件；

map.addEventListener("click", showInfo);

在map上添加的点击事件，我们将业务代码写在showInfo函数中。通过点击事件，我们能拿到鼠标触发我们需要的经纬度。

function showInfo(e) {
    var pt = e.point;  $(".BMapLib_sendToPhone").css("display", "none");  geoc.getLocation(pt, function(rs) {
    //addressComponents对象可以获取到详细的地址信息var x = pt.lng;var y = pt.lat;var addCom