用javascript调用搜狗地图实现景点的显示

因为课程须要，最近作了搜狗地图服务的接入工做，要在地图上标注出景点位置，现略作总结，以备查阅。（部署该服务到Tomcat中的时候中文老是乱码，纠结了半天，最后不得不show in Eclipse)

java提供了rest服务的框架实现——jax-rs，能够较为轻松的创建一个webservice，工程目录以下:

咱们用到的是搜狗地图的地址解析服务，能够经过一个地点的名称，来查询此景点的详细信息，主要是其地图坐标（固然还有其余服务，不止于此，咱们只讨论用到的部分）

    服务能够经过以下方式请求：

http://api.go2map.com/engine/api/geocoder/json?city=北京市&addr=北京市海淀区中关村东路一号院

返回结果是一个json格式的地理信息：

{
"response":
{
"city":
"北京市",
"keyword":
"北京市海淀区中关村东路一号院",
"match":
"海淀区中关村东路一号院7号楼威盛大厦",
"province":
"北京市",
"x":
12949190.267684,
"y":
4837046.995794
},
"status":
"ok"
}

 x，y值就是其坐标信息，有了这个坐标信息咱们就能够在javascript代码中调用sogou地图api将该位置标注显示出来。

  代码实现：

返回html网页：
这部分主要是返回一个html网页，其中用javascript调用搜狗地图实现了景点的显示，实现难点在于对javascript不够熟悉，不过好在搜狗地图给出了比较详细的例子，介绍了各类api接口的使用方法，参考：http://map.sogou.com/api/documentation/javascript/api2.5/examples/index.html#welcome

但是实现将具备该功能的html页面写好，而后在程序加入实际景点的信息，组装成实际显示了具体景点标注的html返回到请求方。

使用方式：
在浏览器中输出url进行访问，形式为：http://[ip]:8080/sogouMap/services/travel?q=[景点名]

接受的参数为q=后面的字符串部分，参数既能够是景点，也能够是行程。
若是是查询景点，那么直接在景点名部分加入响应的景点便可，例如：

http://localhost:8080/sogouMap/services/travel?q=北京植物园，浏览器中将显示：

返回html网页：
这部分主要是返回一个html网页，其中用javascript调用搜狗地图实现了景点的显示，实现难点在于对javascript不够熟悉，不过好在搜狗地图给出了比较详细的例子，介绍了各类api接口的使用方法，参考：http://map.sogou.com/api/documentation/javascript/api2.5/examples/index.html#welcome

但是实现将具备该功能的html页面写好，而后在程序加入实际景点的信息，组装成实际显示了具体景点标注的html返回到请求方。