用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
用javascript调用搜狗地图实现景点的显示相关推荐
- javascript调用百度地图api
百度地图提供sdk,javascript api等多种客户端调用方式,通常在网页上用的比较多,也就是javascript api,这里根据自己的使用,简单介绍一下如何快速使用javascript调用百 ...
- android 调用搜狗地图api,搜狗地图API - Sogou Maps JavaScript API
搜狗地图 Javascript API 参考 包含了所有开发中用到的类,方法及事件. 使用前请您认真阅读<搜狗地图API使用条款>,如果您已开始使用,表示您已确认并同意该条款中的所有内容. ...
- android 调用搜狗地图api,搜狗地图API2.0版本正式上线:推一键搬家功能
搜狗地图API2.0版本正式上线 7月20日,搜狗地图API2.0版本正式上线( http://map.sogou.com/api /),在此前API1.0的基础上,在易用性和灵活性方面全面优化,并将 ...
- android 调用搜狗地图api,搜狗地图API开发手册.doc
搜狗地图API开发手册 类列表: HYPERLINK "/api/documentation/javascript/api1.0/reference.html" \l " ...
- Javascript 调用百度地图不显示
2019独角兽企业重金招聘Python工程师标准>>> 调用百度地图的时候不能设置 img{max-width:100%; max-height:100%; border:none; ...
- 如何调用百度地图API---定位、显示热力图、路径导航等(很方便很强大)
人生中第一次调用API开放平台(以前也很少需要用到,感觉很高大上),真的感受到了什么叫做方便,什么叫做强大.以前总是把问题想得很复杂,今天花了半天的时间试了下调用百度地图API,显示定位信息.热力图信 ...
- android 调用搜狗地图api,sogou地图API用法实例教程
本文实例讲述了sogou地图API应用,是非常实用的技巧.分享给大家供大家参考.具体实现方法如下: 地图的初始化 1.添加引用地图的API文件: 2.网站初始化加载事件: window.onload ...
- android 调用搜狗地图api,搜狗地图api 问题
此代码只能实现鼠标点击 才会弹出信息窗口 我需要打开地图就让它自己显示信息窗口,然后可以手动关闭和开启 /** * 加载卫星地图并作标记 * 点击标记可弹出信息窗 */ function init() ...
- C#调用百度地图API入门解决BMap未定义问题
本文主要是最近帮助好友研究JavaScript的百度地图API,同时显示到C# Winform界面.同时遇到了BMap未定义的错误(BMap is not defined)及解决方法.以前写过基于An ...
最新文章
- php substr cnblog,php中substr用法示例
- html恢复按钮按下前的状态,如何通过点击按钮暂停和恢复html页面的执行
- 易评:软银收购ARM会扼住中国芯发展的咽喉吗?
- Spring Boot 2 快速教程:WebFlux Restful CRUD 实践(三)
- JVM年轻代参数:-Xmn、-XX:NewSize、-XX:MaxNewSize
- 对几种二叉树的简单理解
- Falsk session 源码解析
- linux下好玩的命令
- C# 判断输入的字符串是否只包含数字和英文字母
- 基于 OpenLayers3 实现的 HTML5 GIS 电信资源管理系统
- 阳明先生固天纵英才矣《王阳明全集》作者: 王守仁
- 【Qt炫酷动画】demo04-仿Android旋转图标的等待对话框动画
- 【BZOJ5470】[FJOI2018]所罗门王的宝藏()
- 如何阻止windows 联网自动激活,避免笔记本无法退货。
- 【推荐】搭建你的免费 R 云端服务器
- 从学校到工作的一些收获
- 企业微信小程序获取手机号?
- 用html写箭头的原理,5个编写高质量箭头函数的最佳实践
- 练习题|文件操作和函数
- DX11龙书学习笔记---渲染管线
热门文章
- 运用计算机技术和语文教学,信息技术在语文教学中的运用(网友来稿)
- mysql查看数据库表命令_mysql 查看数据库、表的基本命令
- v9 android8,Android 8.0来了!荣耀9/V9用户马上升级
- win10 连接蓝牙耳机默认音量太大的问题
- MongoDB用于判断数组是否为空的语句。
- SSM使用RedisTemplate按照索引删除list中的元素
- Win10测试模式水印
- 戴尔G3 3579笔记本无法使用耳机上的麦克风/声卡驱动异常/无声音/声卡版本不兼容 的一个解决办法
- Maven环境配置,IDEA配置Maven。
- 经典再现,用python画出剑仙一中的绝美桃花林