百度地图之调用javaScript api接口实现多点标注及显示提示信息

1.先让大家看一下效果

2.这个实现起来并不复杂,但调试可能需要一些时间,我做成了一个jsp,可以通过ajax调用后台获取如下json格式的数据,然后回调start()方法进行标注及显示提示信息

   json格式如下:

[    {        "longitude": 102.680412, 
        "latitude": 25.030081, 
        "title": "大观楼", 
        "imgUrl": "https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSdw1MsiOkIAsEjSrYiwUPiURRpWO2rJGx899zNVcqBN19OwHvjmg", 
        "description": "昆明大观楼，在大观公园，位于滇池北滨，距市中心约6千米."
    }, 
    {        "longitude": 102.677582, 
        "latitude": 25.028845, 
        "title": "大观楼停车场", 
        "imgUrl": "http://imgt0.bdstatic.com/it/u=3535641568,2312771970&fm=21&gp=0.jpg", 
        "description": "大观楼的停车场,停车方便,交通便捷..."
    }
]

整个jsp的页面代码如下,没有保留,直接复制放到tomcat下就可以访问,例如:http://localhost:8080/WeiXin/baidu.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>