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

用javascript调用搜狗地图实现景点的显示相关推荐

  1. javascript调用百度地图api

    百度地图提供sdk,javascript api等多种客户端调用方式,通常在网页上用的比较多,也就是javascript api,这里根据自己的使用,简单介绍一下如何快速使用javascript调用百 ...

  2. android 调用搜狗地图api,搜狗地图API - Sogou Maps JavaScript API

    搜狗地图 Javascript API 参考 包含了所有开发中用到的类,方法及事件. 使用前请您认真阅读<搜狗地图API使用条款>,如果您已开始使用,表示您已确认并同意该条款中的所有内容. ...

  3. android 调用搜狗地图api,搜狗地图API2.0版本正式上线:推一键搬家功能

    搜狗地图API2.0版本正式上线 7月20日,搜狗地图API2.0版本正式上线( http://map.sogou.com/api /),在此前API1.0的基础上,在易用性和灵活性方面全面优化,并将 ...

  4. android 调用搜狗地图api,搜狗地图API开发手册.doc

    搜狗地图API开发手册 类列表: HYPERLINK "/api/documentation/javascript/api1.0/reference.html" \l " ...

  5. Javascript 调用百度地图不显示

    2019独角兽企业重金招聘Python工程师标准>>> 调用百度地图的时候不能设置 img{max-width:100%; max-height:100%; border:none; ...

  6. 如何调用百度地图API---定位、显示热力图、路径导航等(很方便很强大)

    人生中第一次调用API开放平台(以前也很少需要用到,感觉很高大上),真的感受到了什么叫做方便,什么叫做强大.以前总是把问题想得很复杂,今天花了半天的时间试了下调用百度地图API,显示定位信息.热力图信 ...

  7. android 调用搜狗地图api,sogou地图API用法实例教程

    本文实例讲述了sogou地图API应用,是非常实用的技巧.分享给大家供大家参考.具体实现方法如下: 地图的初始化 1.添加引用地图的API文件: 2.网站初始化加载事件: window.onload ...

  8. android 调用搜狗地图api,搜狗地图api 问题

    此代码只能实现鼠标点击 才会弹出信息窗口 我需要打开地图就让它自己显示信息窗口,然后可以手动关闭和开启 /** * 加载卫星地图并作标记 * 点击标记可弹出信息窗 */ function init() ...

  9. C#调用百度地图API入门解决BMap未定义问题

    本文主要是最近帮助好友研究JavaScript的百度地图API,同时显示到C# Winform界面.同时遇到了BMap未定义的错误(BMap is not defined)及解决方法.以前写过基于An ...

最新文章

  1. php substr cnblog,php中substr用法示例
  2. html恢复按钮按下前的状态,如何通过点击按钮暂停和恢复html页面的执行
  3. 易评:软银收购ARM会扼住中国芯发展的咽喉吗?
  4. Spring Boot 2 快速教程:WebFlux Restful CRUD 实践(三)
  5. JVM年轻代参数:-Xmn、-XX:NewSize、-XX:MaxNewSize
  6. 对几种二叉树的简单理解
  7. Falsk session 源码解析
  8. linux下好玩的命令
  9. C# 判断输入的字符串是否只包含数字和英文字母
  10. 基于 OpenLayers3 实现的 HTML5 GIS 电信资源管理系统
  11. 阳明先生固天纵英才矣《王阳明全集》作者: 王守仁
  12. 【Qt炫酷动画】demo04-仿Android旋转图标的等待对话框动画
  13. 【BZOJ5470】[FJOI2018]所罗门王的宝藏()
  14. 如何阻止windows 联网自动激活,避免笔记本无法退货。
  15. 【推荐】搭建你的免费 R 云端服务器
  16. 从学校到工作的一些收获
  17. 企业微信小程序获取手机号?
  18. 用html写箭头的原理,5个编写高质量箭头函数的最佳实践
  19. 练习题|文件操作和函数
  20. DX11龙书学习笔记---渲染管线

热门文章

  1. 运用计算机技术和语文教学,信息技术在语文教学中的运用(网友来稿)
  2. mysql查看数据库表命令_mysql 查看数据库、表的基本命令
  3. v9 android8,Android 8.0来了!荣耀9/V9用户马上升级
  4. win10 连接蓝牙耳机默认音量太大的问题
  5. MongoDB用于判断数组是否为空的语句。
  6. SSM使用RedisTemplate按照索引删除list中的元素
  7. Win10测试模式水印
  8. 戴尔G3 3579笔记本无法使用耳机上的麦克风/声卡驱动异常/无声音/声卡版本不兼容 的一个解决办法
  9. Maven环境配置,IDEA配置Maven。
  10. 经典再现,用python画出剑仙一中的绝美桃花林