GIS搜狗地图开发
介绍使用js版搜狗地图api,开发项目。实现Marker、Brand、交互搜索定位、搜索周边等常用功能。
龙轩
熟悉javaee开发,有多年支付领域的开发经验。关注开源~
httpclientUtil开源项目创建者。https://github.com/Arronlong
展开
-
GIS(七)——js版搜狗地图搜索功能美化版
在前2篇文章中介绍了关键字搜索和周边搜索的功能,但是界面比较简陋,所以这一版我主要做一些美化工作。 这次主要优化的方面有2个方面,一个是页面的样式,包括字体、按钮、布局等;二是要添加一个搜索的智能提示。原创 2014-10-07 22:09:01 · 2739 阅读 · 8 评论 -
GIS(六)——实现js版搜狗地图周边搜索功能
在上一篇文章《GIS(五)——完成js版搜狗地图基本交互搜索功能》中,介绍了搜狗地图的关键字搜索功能,今天就实现以下另一个重要功能吧——那就是周边搜索功能。 按照惯例,还是把官网上的示例代码给大家贴出来。飞机票在此。周边搜索的功能,跟关键字搜索其实是一样的,也是主要用到的了SearchRequest这个类,点击这里查看api文档。SearchRequest 对象规范:原创 2014-09-28 10:37:15 · 3922 阅读 · 12 评论 -
GIS(一)——在js版搜索地图上添加Marker标记
由于我们做的是有关于旅游方面的项目,所以涉及到了地图功能。我接到的其中一个任务就是,在地图上显示指定的几个景点,并在地图上加上标记。 我们项目用的是搜狗地图,使用的是js版本。大家有兴趣的话,可以参考搜索地图api以及示例代码。 在地图上添加标记是地图的一个基本功能。这个标记叫做Marker。可以从这里看官网上对于Marker类的介绍。 实现的基本步原创 2014-08-26 22:48:08 · 12024 阅读 · 16 评论 -
GIS(二)——在js版搜狗地图上添加brand标牌
在上一篇博文中,我在搜狗地图上添加了Marker标记,但是在用户体验度上还是不够的,如果想了解某些信息,你得把鼠标指向marker,才能看到title里的值。有没有一种可以直接显示在marker上的东东呢? 其实有很多方法可以做到。搜狗地图提供了叠加层类,但是可以直接在页面上显示信息的,貌似只有InfoWindow、Label和Brand。一般InfoWindow是用来显示大量信息原创 2014-08-29 11:50:59 · 3651 阅读 · 11 评论 -
GIS(三)——优化js版搜狗地图的brand标牌样式
从上一篇博文的效果图中,我们看到有几个相近的brand标牌给相互遮挡住了,不能完整的显示。怎么处理一下呢?今天我们就来研究一下这个解决方案。 其实要想不被遮挡,可以让这几个brand位置变动一下,而不总是箭头向下指向景点。如果改变箭头的指向呢?首先我们要了解它原本是怎么处理的。这个肯定是从spirit入手了。原创 2014-08-31 18:32:39 · 3020 阅读 · 17 评论 -
GIS(四)——为js版搜狗地图添加边界+Marker和Brand的最终美化版
在《GIS(三)——优化js版搜狗地图的brand标牌样式》中,分享了一下Brand样式的修改。现在把这几次Marker和Brand的修改统一再美化一下,算作一个终极优化版吧。 这次优化的主要内容是:为整个操作的区域,添加边界为Marker更换动态图片为Brand更换半透明红色图片只显示一个Brand,每3秒切换一次1.绘制边界 首先做第一个吧,在搜原创 2014-09-16 12:11:22 · 3329 阅读 · 9 评论 -
GIS(五)——完成js版搜狗地图基本交互搜索功能
最近在做的有关于北京海淀智慧旅游的一个项目,既然是旅游项目,那么涉及到地图的操作也就是必然的事情了。 今天主要要做的是地图上的一个基本功能——交互搜索。 其实官网上搜索的例子并不是很多,而且真的不怎么滴。不过作为参考,还是可以的。点击这里查看“范围查询-指定分类id,关键字”代码示例。如果没有你想要的功能,那你就去官方API文档中找吧,点击这里看搜索类API。原创 2014-09-24 12:00:13 · 3539 阅读 · 10 评论