第26期2018年9月No.26September ，2018
作者简介：徐欣威（1974—），男，江苏镇江人，高级工程师，学士；研究方向：Web 平台设计与开发。
徐欣威
（镇江市科学技术信息研究所，江苏镇江212004） 摘要：文章对镇江科技资源云服务平台大型仪器共享服务嵌入地图服务功能进行了研究，首先对主流
地图API 进行比较分析，选定百度地图API 作为开发接口。然后在系统设计与实现中给出了系统主要功能设计，数据库设计与实现，大型仪器共享服务嵌入百度地图功能的设计与实现。其中嵌入百度地图功能的设计与实现主要包括系统主页面设计与导入数据、地图查询检索功能设计与实现、大型仪器共享服务平台地图信息显示的实现与应用。关键词：科技资源；大型仪器；地图；百度地图API ；地图信息显示中图分类号：TP391文献标识码：A 江苏科技信息
Jiangsu Science &Technology Information
引言
为更好地发挥镇江高校、科研院所和行业骨干企业大型科学仪器设备的资源优势，鼓励科技创新，降低研发成本，提高仪器设备的使用效率，镇江市科学技术信息研究所在镇江科技资源云服务平台上设立了大型仪器共享服务平台功能模块。通常大型仪器共享服务仅考虑在网站上通过单位、仪器、检测服务等查，实现浏览、预约等功能。本平台通过嵌入地图功能，通过单位、仪器、检测服务等的地图检索、定位、路线规划，实现仪器和检测服务的在线浏览、查、预约，更体现了“互联网+”思维并进一步优化了客户体验。
本文首先对现有几种地图API 功能进行了比较，最终选定百度地图API 。对百度地图API 的功能进行了简单阐述，并对系统业务需求进行了分析，在此基础上进行大型仪器共享服务平台在百度地图上的功能设计与实现。
1现有两种地图API 的比较
宝鸡有什么好玩的地方现有主流地图API 主要为百度、高德。（1）功能分析。主流地图API 均包括普通街道地图、卫星遥感地图地形图等［1］，可以将地图信息嵌入应用中，提供正逆地理编码、路径规划和导航、覆盖物绘制和叠加等，基本上能满足开发应用者的需求。百度和高德API 均含云图类，都是在LBS 基础上，允许开发者将存储在LBS 云数据管理平台上的数据作为一个图层叠加到地图上，也可以将经过一定检索
条件筛选出来的数据作为一个图层加载到地图上，并提供云数据检索服务，云数据检索服务包括周边检索、多边形检索以及根据数据ID 检索。但百度地图API 还包括三维地形图、实时路况信息图、叠加城市热力图等。（2）性能分
析。对百度和高德地图API 性能进行测试［2］，我们采
用LoadRunner 测试工具，并发用户数为2000，主要对平均事物响应时间、平均可用物理内存数以及平均吞吐量等方面进行测试。测试结果表明，在平均事务响应时间方面，百度地图API 平均事务响应时间仅有高德地图API 一半左右。在平均可用物理内存数以及平均吞吐量方面两者相当。综上所述，我们选用百度地图API 作为开发平台。2百度地图API 相关功能
百度地图API 是一套基于百度地图服务的应用接口，包括Web 服务API 、JavaScript API 、车联网API 、
LBS 云等多种开发工具与服务［3］
，为开发者提供了丰富的功能，例如基本地图展现、搜索、定位、逆/地理编码、路线规划、LBS 云存储与检索等，并适用于PC 或移动设备端的基于浏览器的开发，可以将百度地图嵌入程序中进行二次开发，构建功能丰富、交互性强的地图应用程序。
3系统业务需求分析
本系统总体任务是实现注册用户与大型仪器共享服务单位之间预约仪器或者检测服务，系统管理员可通过后台对仪器或检测服务进行规范化管理和相关信息的统计分析。对系统功能进行需求分析，得到3个模块：系统管理员模块、注册用户模块和大型仪器共享服务单位模块。
系统管理员模块：注册用户管理、仪器和检测服务发布的审核、仪器和检测服务预约信息的查询和删除等。大型仪器共享服务单位模块：用户注册与登录、用户密码修改、发布仪器及检测服务等信息、分类查询预约信息、接受预约并进行相应的检测服务、对单位或者仪器地点信息进行标注、线路规划推荐等。
注册用户模块：用户注册与登录、修改用户密码、检索查看仪器及检测服务、预约仪器及检测服务、确认预约信息、订单评价等。
4系统设计与实现
系统主要功能包括客户端和服务器端功能设计、数据库设计、地图化查询检索并显示大型仪器共享服务单位等信息、地图化预约服务等。
4.1系统主要功能设计
意大利签证中心vfsglobal
系统主要功能可分为客户端和服务器端两大类。
4.1.1客户端
客户端主要功能分注册用户和大型仪器共享服务单位功能。
（1）注册用户发布检测需求。发布需求有两种方式，一种是在地图上查是否有相关大型仪器或者检测服务，另一种是直接填写需求发布，此时发布的需求可以主动推送到网内注册的大型仪器共享服务单位。
（2）注册用户预约信息查询与相关操作。预约信息可以分为指定预约信息和广播预约信息，指定预约指注册用户通过地图选择仪器或者检测服务产生的预约信息，广播预约信息指注册用户直接发布检测需求信息，以上预约信息以短信、邮件等方式通知大型仪器共享服务单位。对于广播预约信息，注册用户可以查看各大型仪器共享服务单位发布的预约信息，自主选择服务单位、仪器或者检测服务；对于指定预约信息，注册用户可以直接进行预约服务。
（3）大型仪器共享服务单位预约信息管理与操作。大型仪器共享服务单位收到预约信息提醒后登录系统就可以通过预约时间、服务价格、仪器、检测服务等查询相应订单。对于指定预约信息可以直接接受预约并进行相关服务，即可以进行受理或不受理操作。对于受理操作，委托状态则改为测试中状
态。受理方按照委托测试方要求测试完成并填写测试结果表格，委托状态最后改为测试完成状态。委托方查看结果后，填写反馈意见，受理方可查看反馈意见。对于广播预约信息可以进行预约操作，等待注册用户确认后再进行以上的后续操作。
4.1.2服务器端
（1）仪器、检测服务管理。查询并审核大型仪器共享服务单位填写的仪器信息、检测服务信息等，审核通过后可以发布到平台。对仪器设备的基本信息具有增、删、改等权限，还可以设置前台热门仪器，对仪器设备的状态和共享进行设置等。
（2）预约信息管理。对预约信息进行审批（批准或拒绝），可填写附言。在进行批准操作时可以对预约时间进行调整，也可以进行批量批准，当仪器出现故障，也可以取消预约。
（3）注册单位的管理。可以后台添加、修改、删除注册单位的各类信息，并可以初始化注册单位密码。
（4）统计分析。管理员可以对仪器数量、使用机时、样品数、人员工作量、仪器使用情况等进行统计分析，通过饼状图、折线图、柱状图等多种方式展现，为平台能更好地制定仪器共享服务策略提供参考。
（5）系统管理。负责系统的管理和数据维护、仪器分类的添加和修改。
4.2数据库设计与实现
数据库设计主要包括地理数据设计和普通数据设计。地理数据设计主要参考百度地图提供的表格并加入附属字段，主要包括主键、单位名称、单位简介、单位地址、单位经纬、仪器经纬度等字段。普通数据设计主要包括单位信息表、仪器信息表、检测服务信息表、用户信息表、预约记录表、仪器使用记录表、反馈信息表、图片信息表等。
地理数据录入主要目的是和百度地图相结合，将注册单位经纬度坐标直接存储在地理数据信息表中。以录入某一家注册单位为例，（1）新增单位由系统使用人员直接通过定位单位地址，或者录入经纬度坐标和单位名称，录入地理数据库中，或者在百度地图中直接选取坐标点保存到地理数据库中；（2）修改单位信息，例如需要变更单位的位置，系统提供经纬度坐标修改。通过百度地图API的Position （）方法进行单位地址的定位，也可以通过Marker. enableDragging（）方法对地址进行拖拽和修改。以上操作也适用于仪器的增加和地理变更操作。地理数据库采集表命名为大型仪器共享服务单位.xls，为Excel表文件。
4.3大型仪器共享服务嵌入百度地图功能的设计与
实现
4.3.1获取百度地图API Key（AK）并进行地图异步加载
要使用百度地图API进行开发，必须先获取百度地图的AK。首先注册并登录百度地图，在控制台页面下创建应用，输入应用名称并选择应用类型，选择所有的应用服务，再选择请求校验，直接点击提交就可以获取百度AK。
在页面的head标签内添加一个script标签，标签的src属性填写为地图API的地址，创建Map实例和本地点坐标，并初始化地图和设置中心点坐标和地图级别。以下为部分主要代码：
<script src="api.map.baidu/api?v= 2.0&ak=*****"></script>
function setMap（）{
var map=new BMap.Map（"map"）；//创建Map 实例
var point=new BMap.Point（119.458，32.203）；//创建本地点坐标
上虞团购网ableScrollWheelZoom（）；//启用滚轮放大缩小
}
function loadScript（）{
var ateElement（"script"）；//创建script标签
script.src="api.map.baidu/api?v= 2.0&callback=setMap"；//异步加载声明
中国十大旅游集团排名document.body.appendChild（script）；//添加到页面}
通过加载api.map.baidu/api?v=2.0&ak= *****获取地图引导文件，地图引导文件再加载地图主文件（地图主文件是由一些同步代码文件合并压缩而成），在同步代码文件执行的过程中按需加载异步文件。异步文件则会相应覆盖一些同步文件的接口，最后获取地图瓦片图并加载相应的瓦片管理模块去实现地图加载过程。
4.3.2系统主页面设计与导入数据
（1）系统主页面设计。系统主页面中设计定义不同的功能区域，并在其中为地图指定一个地图容器，
首先把页面分成上下两部分，上面部分显示按单位名称、单位地址、仪器名称、检测服务名称4种查询检索方式，下面的内容区分为左右两部分，左边“left”区定义为信息显示区，显示按资源类型、地址区域、服务类型、仪器设备4种类型的信息列表；右边“right”指定为系统地图容器，通过点击左边不同类型展现不同的显示地图。以下为部分主要代码：
<frameset rows=”10％，90％”>//开始设置二行<frame src=“top.html>//第一行
<frameset cols=”15％，85％”>//第二行分左右两部分
<frame src=“left.html”name=“left"/>
<frame src=“right.html”name=“right"/>
<／frameset>
<／frameset>
（2）导入大型仪器共享服务单位数据。在系统功能实现页面中读取大型仪器共享服务单位地址数据，在页面加载时调用ReadExcel（）函数读取地理数据库，即大型仪器共享服务单位.xls文件信息，将读取出来的信息传入函数中在地图上进行标注。
玉环市人才招聘信息网对于程序里坐标系的转换，一般GPS设备获取的经纬度属于WGS84坐标系，而国内地图厂商使用的经纬度坐标都不是WGS84经纬度坐标而是经过gc02加密之后的，百度地图是在gc02加密的基础上又进行一次bd09加密。所以使用原始GPS获取的经纬度直接在百度地图上进行标注的话就会有偏移。使用原始的GPS经纬度坐标在地图上标注需要先调用百度地图的Geoconv API对原始GPS经纬度坐标进行坐标转换。
4.3.3地图查询检索功能设计与实现
查询检索主要分关键词及下拉列表两种形式。对于关键词检索，在建表的时候对单位名称、单位地址、仪器名称、检测服务名称这4个字段设置检索属性，当在搜索框中输入关键词时就会模糊匹配这4个字段中的内容。对于下拉列表检索，主要分资源类型、地址区域、仪器设备、检测服务4种类型，资源类型可分为高校、科研院所、重点实验室、工程技术研究中心、公共研发平台、孵化器、高新技术企业等；地址区域可分为市区、京口、润州、新区、高新区、大学科技园、丹阳、句容、扬中等；仪器设备按国家制定的13大类仪器设备分类进行展示；检测服务按10种行业的检测进行分类展示。以上4种类型的检索结果通过地图和信息列表两种方式呈现。
应用搜索框形式对于储存在数据库内数据进行查询并返回查询结果显示在地图相应位置。为了兼容各种主流的浏览器，增加友好的用户体验，使用了JQuery轻量级的AJAX框架。jQuery是一个快速、简
洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript框架，强调的理念是“写的更少，但做的更多”［1］。JQuery顾名思义，最强大的就是其查询功能。对于JQuery对象又封装了丰富的方法，可以很方便地对于网页中的内容、结构和样式进行查询和更改。
查询检索操作使用jQuery框架设计AJAX异步请求，动态生成信息列表和地图热点显示。jQuery框架和AJAX异步交互提交结果至服务器端，客户端与服务器端使用JSON数据交换技术进行客户端与服务器端之间的数据交换，返回所匹配的信息。该模块的设计与实现的形式是能通过搜索框对单位名称、单位地址、仪器名称、检测服务名称进行搜索，左边导航栏将列出搜索结果，并能根据经纬度坐标定位至地图相应位置。
4.3.4大型仪器共享服务平台地图信息显示的实现与应用
在百度地图上进行地址解析时，要加载地图覆盖物，覆盖物可分为覆盖物的抽象基类、文字绘制覆盖物、分条目覆盖物、路线规划覆盖物、换乘路线覆盖物等。可以使用map.addOverlay（）方法向地图添加覆盖
物，使用veOverlay（）或者map.clearOverlays（）方法移除覆盖物。
具体实现为在上面显示大型仪器共享平台查询，下面的内容区分为左右两块，左边窗口为资源类型、
检测服务、仪器设备分别进行列表，当按资源类型进行列表时就按机构名称在右边窗口地图上进行热点展示，当按检测服务进行列表时就按检测服务名称在右边地图上进行热点展示，当按仪器设备进行列表时就按仪器名称在右边地图上进行热点展示。
点击资源类型某个机构热点时，弹出窗口分为上下两部分：上面部分显示机构类别、联系人、、管理机构等信息。下面部分显示4个超链热点列表，分别为机构简介、检测服务列表、大仪设备列表、服务情况。
点击检测服务热点时，弹出窗口分为上下两部分：上面部分显示检验检测分类、所在地、收费标准、开放时间等信息。下面部分显示5个超链热点列表，分别为服务详情、机构简介、日程安排、预约记录、用户评价。
点击仪器设备热点时，弹出窗口分为上下两部分：上面部分显示检验检测分类、所在地、收费标准、开放时间等信息。下面部分显示5个超链热点列表，分别为设备详情、机构简介、日程安排、预约记录、用户评价。
以上热点均可以实现热点附近区域相关设施（如公交站、银行、商场等）关键词查、显示，如查银行就会显示以该单位为圆心的1000米范围内所有银行网点的信息。热点还可显示该单位或者从该单位出发的线路规划，可分为驾车和公交两种出行方式，
只要把开始点或者终点设置好后点击搜索就可以自动列出行驶线路或者公交线路列表。这项功能可以方便用户前往大型仪器共享服务单位完成相应检测服务。
5结语
清远最好玩的三个地方基于百度地图API实现大型仪器共享服务单位的录入、加载、查询检索、在线预约，并可实现线路规划，改变了以往大型仪器共享服务平台只能通过点击仪器或者服务进行网络服务的形式，更加形象直观地展示了本地区大型仪器共享服务单位在地理上的分布情况，对于相同或类似的仪器和服务，使用对象可以从地理信息角度选择更加便捷的方式接受仪器和检验检测服务，丰富了平台的服务方式。下一步将开发基于移动版本及GPS定位服务的百度地图大型仪器共享服务，进一步提升镇江大型仪器共享服务的质量。
参考文献
［1］成功，杨亚.主流地图应用程序接口在地图质量和实用功能上的对比分析［J］.地理信息世界，2016（5）：
41-45.
［2］龙际梦，刘宏建，蔡中祥，等.主流网络地图应用开发API技术研究［J］.北京测绘，2015（3）：
79-82.
［3］程仲涛，施冬.基于百度地图API的房产信息查询平台的设计与实现［J］.数字技术与应用，2015（3）：144-145.
［4］单东林，张晓菲，魏然.锋利的jQuery［M］.北京：人民邮电出版社，2009.
（责任编辑王雪芬）
Design and implementation of large scale instrument sharing service based on Baidu map
Xu Xinwei
（Zhenjiang Institute of Science and Technology Information,Zhenjiang212004,China）
Abstract:This paper studies the function of embedding map service into large-scale instrument sharing service on Zhenjiang Science and Technology Resource Cloud Service Platform.First of all,the mainstream map API is compared and analyzed,and Baidu map API is selected as the development interface.In the design and implementation of the system,the design and implementation of the main functions of the system,database design and implementation,large-scale
instrument sharing service embedded in Baidu map function design and implementation are given.The design and implementation of the map function embedded in Baidu include the design and import of the main page of the system, the design and implementation of the map query and retrieval function,and the implementation and application of the map information display of the large-scale instrument sharing service platform.
Key words:scientific and technological resources;large instrument;map;Baidu map API;map information display
