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

2019独角兽企业重金招聘Python工程师标准>>>

由于课程需要，最近做了搜狗地图服务的接入工作，要在地图上标注出景点位置，现略做总结，以备查阅。（部署该服务到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返回到请求方。

转载于:https://my.oschina.net/walk273/blog/133840