谈述基于Mashup地图技术苏州图书馆分馆导航图开发

【摘要】介绍了运用两种不同类型百度地图API制作苏州图书馆分馆导航图，表明图书馆网站可以利用Mashup技术，增加网站的功能性、交互性、关联性、有用性以及趣味性。
【关键词】百度地图API；Mashup；导航图

1.Mashup概念

Mashup中文通常翻译为“混搭”，是一个web应用，它利用两个及以上数据源的内容创建出一个新的整合应用怎么写作。术语“混搭”源自流行音乐，在流行音乐中，人们无缝地把一首歌曲的音乐和另一首歌曲的声轨结合起来，从而把它们混编在一起创作出新的音乐作品。
Mashup的快速发展得益于越来越多的互联网公司开放其数据源，允许用户免费使用其提供的API。目前典型应用有地图Mashup、图片和视频Mashup、搜索和购物Mashup、新闻Mashup和微博Mashup等。国内图书馆网站典型的Mashup应用是搜索Mashup，将多个数据库检索整合到一起形成新的“一站式”检索怎么写作，图1展示了目前全球流行的混搭按类型分布的情况。

2.Mashup体系架构

Mashup应用主要涉及3方面的内容：API/内容提供者，Mashup站点以及客户端的Web浏览器，其体系架构如图2所示。来自客户端浏览器的请求传向Mashup站点所在的Web怎么写作器，请求的页面包括HTML和JaScript。JaScript调用一个或多个API内容提供者提供的怎么写作后，按照该Mashup的逻辑进行内容组合。

3.Mashup与图书馆网站

目前国内绝大多数图书馆网站还是基于传统web 1.0技术建站，web2.0应用极少，功能性和关联性较弱，缺乏交互性和趣味性，很难吸引读者的关注，用户粘性较差。基于web2.0技术的lib2.0曾于2006年左右在国内图情界兴起，并且在业内风靡了一段时间，主要应用有RSS、TAG、Ajax、Blog等，其中RSS应用最多，但也仅仅局限于业内流行，用户并没有真正参与进来。Mashup基于web2.0技术，web2.0的目标之一是降低技术壁垒，让任何人能更容易增加网站的功能性、交互性、关联性、有用性以及趣味性。
随着互联网和通信技术快速应用和普及，图书馆已不再是用户获取信息资源的主要途径，搜索引擎和门户网站成为用户的首选方式。传统图书馆网站正面对着严峻挑战，OPAC查询、资源导航等传统怎么写作过于专业化和学术化。网站要留住用户，必须准确地展示图书馆是一个充满活力的、重要的场所，提供的内容要融入到用户生活中去。目前图书馆技术力量普遍较为薄弱，中小型图书馆尤为突出，专业技术人员严重缺乏，岗位身兼多职，导致图书馆网站建设同质化严重、缺乏创新、疏于维护。基于web2.0技术的Mashup技术能够帮助图书馆克服这一困境，技术人员不需要了解复杂的专业知识和工作原理，只需要在图书馆网页中嵌入一些自动生成的代码便能够很容易地实现这些应用，从而使网站变得充满吸引力和活力。论文以苏州图书馆分馆导航地图为例，使用两种不同的地图API实现Mashup地图应用。

4.苏州图书馆分馆导航地图实现

随着城市化快速发展，城市人口和地域都变得越来越大，任何一个图书馆都无法满足随着城市化进程迅猛增加的用户信息需求，因此各城市中心图书馆都设立了众多分馆，苏州图书馆从2005年起与各区政府及机构合作建设图书馆分馆，截止到2012年底已建成分馆45个，分布于苏州市的大街小巷，方便用户就近获取信息资源。然而多数社区分馆在普通地图上根本没有标注，用户要想找到这些分馆，只有通过现有的图书馆网站层层分级导航查询图书馆介绍，使用起来非常繁琐，偏离了设立分馆方便用户的初衷。Mashup地图就能轻松实现这一目标，可视化的导航地图展现方式形象、直观，并且能告知用户使用多种交通工具到到目的地。

4.1 百度团购控件API实现方式

百度地图于2011年正式推出了团购地图API，作为一套生成团购网站地图展现的工具，团购地图插件包含了坐标点采集、团购页面地图展示等功能，只要在团购插件主页做简单的设置，就可以得到相应代码。团购控件尽管是为了团购网站而开发，但其很容易移植到图书馆位置导航应用怎么写作。将使用百基于Mashup地图技术的苏州图书馆分馆导航图开发相关论文由www.udooo.com收集度地图采集到的图书馆分馆经纬度、名称和地址，替换代码中的point信息，然后将自动生成的代码嵌入到图书馆主页上即可使用，整个过程可谓简单明了。图3是基于百度团购控件制作的苏州图书馆分馆导航图。关键代码如下：
var poiData=[{lng：120.630056，lat：31.306671，title："苏州图书馆"，tel："（0512） 65227889"，address："苏州市人民路858号"}，]； … …//存储各分馆point信息
var gp=new BMapGP.GroupPurchase （"container"，{
enableRouteInfo：true，//启用附近公交/地铁路线
enableRouteSearchBox：true，//启用公交路线搜索功能
selectFirstResult：true，//是否展开第一个结果
type：JS_MAP，//地图类型
zoom：11，//地图缩放级别
mapSize：{width：200，height：250}，//地图大小
pois：poiData
}）；

4.2 百度地图JaScript API实现方式

使用百度团购控件API创建的地图导航，因其扩展性限制，属性字段相对固定，信息显示过于简单。要开发功能更加完善的导航地图，就需要使用百度地图JaScript API，它是一套由JaScript语言编写的应用程序接口，可在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发[3]。图4基于JaScript API制作的苏州图书馆分馆导航图，可以根据实际需要在信息窗口添加内容。开发过程分为四个步骤，首先根据导航图功能需要写作合适的地图控件，如缩放、鹰眼、地图类型控件等；采集各个分馆的地图经纬度并加以标注，信息的收集正是图书馆强项所在；编制各个分馆属性，如名称、地址、电话、开放时间、书目查询链接等；最后展示各个分馆信息。4.

2.1 创建导航地图，设定地图控件

var map=new BMap.Map（“container”）；//创建Map
map.centerAndZoom（new BMap.Point （120.630056，3

1.306671），14）；//设置中心点和缩放级别

map.addControl（new BMap.Nigation Control（））；//添加左上角缩放平移控件
map.addControl（newBMap.OverviewMapControl（{isOpen：true，anchor：BMAP_ANCHOR_BOTTOM_RIGHT}））；//添加右下角鹰眼控件
map.addControl（newBMap.MapType Control（{mapTypes：[BMAP_NORMAL_MAP，BMAP_HYBRID_MAP]}））；//添加2D图，卫星图
4.

2.2 获取分馆经纬度并标注在地图上

var points=[new BMap.Point（120. 630056，3

1.306671），… …]；//N个分馆经纬度

var marker1=new BMap.Marker （point[0]）；//创建N个分馆标注
map.addOverlay（marker1）；//将N个分馆标注添加到地图中
map.setViewport（point）；//调整地图的最佳视野
4.

2.3 编制分馆属性

var infoWindow1=new BMap.InfoWindow （“… …”）；//创建信息窗口对象，引号里可以书写任意的html语句。
4.

2.4 展示分馆信息

marker1.addEventListener（“mouseover”基于Mashup地图技术的苏州图书馆分馆导航图开发由专注毕业论文与职称论文的www.udooo.com提供,转载请保留.，function（）{this.openInfoWindow （infoWindow1）；}）；
}////给标注添加鼠标事件，当鼠标滑过标注的时候，打开信息窗口。
5.结语
论文介绍了两种基于百度地图API实现苏州图书馆分馆导航图的策略，适合完全没有程序开发背景的图书馆工作人员，非常适合中小型图书馆参考使用。具备一定编程语言基础的技术人员还可以结合数据库技术，开发出功能更加强大的导航图。开放是目前互联网的发展趋势，越来越多的产品走向开放，因此图书馆网站可以混搭的类型也越来越多，如豆瓣API、微博API、微信API、优酷API等。借助开放的API，技术人员可以开发出更为有趣的第三方应用，增加网站用户的粘性，网站制作与维护也变得更加简便。
参考文献
[1]尼科尔.C.伊恩歌德.图书馆“混搭”[M].重庆：重庆大学出版社，2011（6）.
[2]龙岳红.地图Mashup的研究与实现[D].湖南：中南大学，2008.
作者简介：徐德军（1983—），男，南京大学信息管理学院在职研究生，馆员，现供职于苏州卫生职业技术学院，研究方向：数字图书馆。