API简介 开发入门 成功案例 用户管理 历史版本
  • 0.申请使用API

    申请使用API需要提供以下资料:

    -- API 使用的域名或者IP;

    -- 申请人单位或企业名称;

    -- 申请人联系方式(姓名、电话、邮箱)。

    请将上述资料发送至邮箱 API@shipxy.com,或致电 186 1185 0806,QQ 2552685368咨询。

  • 1. 以船队船为例,开始开发,代码如下:

    <!DOCTYPEhtml> <html> <head lang="en"> <meta charset="UTF-8"> <title>2.2.船队船展示</title> <script src="https://api.shipxy.com/h5s/api/3.5/plugins/jquery/jquery.min.js"></script> <script src="https://api.shipxy.com/h5s/api/3.5/?k=您的密钥"></script> <style> .my-map { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; outline: none; background-color: #A3CCFF; } .div_btn { position: relative; top: 10px; left: 80px; z-index: 888; } .div_btninput[type="button"] { cursor: pointer; } .count_span { color: red; background-color: #fff; text-align: left; width: 120px; font-weight: bolder; padding: 05px; border: 1pxsolid#000000; } </style> </head> <body> <div id="map" class="my-map"> <div class="div_btncount_span"> <label>当前船舶数:</label> <span id="txt_drawships_count"></span> </div> </div> <script> //创建地图示例 var_map = newShipxyAPI.Map("map", { ak: "您的授权Key" }); //开启区域船服务 varcanvasShips = ShipxyAPI.ShipService(_map, { enableAreaShip: false,//区域船 enableFleetShip: true,//船队船 drawShipsEndCallBack: function (data) { //绘制完区域船后回调 $("#txt_drawships_count").html(data.count); } }); canvasShips.addSelectedListener(function (ship) { //选中船监听 alert("ship:" + ship.mmsi); }); //获取船队船,并绘制 varfleetships = []; function getGroupFleet() { varfs_arr = []; //服务器地址 varurl = ShipxyOptions.shipDataServer.getFleetShipsUrlShipxy; url = url.replace('{0}', _map.options.ak); jQuery.getJSON(url + '&jsf=?', function (result) { if (result != null) { if (result.status != null && result.status === 0) { //请求正常,成功 if (result.data == null || result.data.length == 0) { ShipxyAPI.console().log('_getGroupFleetByURLnodata'); returnfs_arr; } //分组 for (vari = 0, col = result.data.length; i < col; i++) { vargroup = result.data[i]; //船舶 for (vark = 0, col_k = group.data.length; k < col_k; k++) { varship = group.data[k]; varc_ship = newCanvasShip(); c_ship.mmsi = ship.shipId; c_ship.name = ship.customName; c_ship.custom_name = ship.customName; c_ship.remark = ship.remarks; c_ship.color = group.colorhex; c_ship.group_name = group.name; c_ship.istop = true; c_ship.shiptype = 2;//船队船 //获取船位 var_s_d = _map.shipsService.getShipByMmsi(c_ship.mmsi, true); if (_s_d != null) { c_ship.lat = _s_d.lat; c_ship.lng = _s_d.lng; c_ship.shipid = _s_d.shipid; } // fleetships.push(c_ship); } } //添加船队船到地图 _map.shipsService.addFleetShips(fleetships); } else { ShipxyAPI.console().error('getGroupFleeterror:err.status:' + result.status); } } else { ShipxyAPI.console().error('getGroupFleeterror:neterr.'); } }); } // getGroupFleet(); </script> </body> </html>
  • 2. 将以上代码,复制粘贴到,index.html文件中

  • 3. 将,index.html,放到Web服务中进行部署发布,如:IIS、或Tomcat等

    Tomcat:

    使用浏览器,通过URL访问,小编的地址是:

    http://localhost:8080/test/index.html

    IIS:

    使用浏览器,通过URL访问,小编的地址是:http://localhost/index.html

  • 4. 如果出现乱码,请注意index.html的文件编码

    在文件上,鼠标右键,选择“打开方式”,选择“记事本”

    点击“文件”,先择“另存为”

    “编码”,选择“UTF-8”,"保存"

  • 更新日志

    • v3.52019-06-21

      全版本,默认图源可以选择性控制

    • v3.52019-06-18

      全版本,鼠标样式调整

      全版本,海路图,显示绘制航线偏移问题改善

    • v3.52019-06-17

      全版本,光栅图层,不同坐标系判断改善

      全版本,港口图层,不同坐标系判断改善

    • v3.52019-06-05

      全版本,canvasIconLayer,首次显示Canvas偏移问题改善

    • v3.52019-06-04

      全版本,轨迹,在切换图源时,轨迹点与轨迹线偏移显示问题改善

      全版本,航线绘制,在切换图源时或第一次显示时,点与线偏移显示问题改善

      全版本,航线绘制,在绘制时,点与线偏移显示问题改善

海洋气象

海洋运输是国际贸易运输的主要方式。由于海洋运输具有离岸远、航线长、海洋环境复杂、恶劣海况难避离等特点,在很大程度上受到海上气象条件的约束和影响。海上运输计划的制定以及具体实施都需要了解和掌握活动区域的气候状况、当前以及未来一段时间的海浪、海流、海温、海冰、风以及天气系统等海洋环境状况,否则容易发生船舶偏航或走锚、触礁、搁浅和碰撞等事故。在近岸的受限水域或港内、湾内水域,海流和潮汐所造成的水深及流速的变化,也会对船舶航行安全造成显著影响。海洋运输对海洋环境综合保障服务的需求非常迫切,开发有针对性的综合分析服务系统,对保障海上运输安全至关重要,为船舶的海上安全保障提供监测和预警服务。

成功案例

精准海关

随着互联网、物联网的飞速发展及智能设备的普及,以信息爆炸为特征的大数据时代已经到来,可以预见大数据时代,在海量数据中把有价值的信息挖掘出来,考验的是应用大数据的能力。近年来,海关总署陆续出台无纸化办公、区域一体化通关等改革措施,通关改革伴随而来的是信息化快速发展、纸质单证转为电子数据存储,监管场所投入大量视频监控、RFID电子标签、集装箱扫描和AIS监控等软硬件设备,执法部门配备了单兵终端、手机信息采集等设备,可以预见未来几年海关网数据量将呈现指数级增长姿态,对数据的应用发掘将是海关的全新领域。亿海蓝近年来与海关开启全面合作,利用强大的船舶数据资源及大数据实力,助推海关实现精准管控、精准打击和精准服务等。

成功案例

智慧港口

5G时代即将到来,变革与创新已成为各大港口的必然之举,“智慧港口”代表着未来港口发展的方向,成为港口转型发展的关键。“互联网+”形势下的各大港口目前以已有信息化成果为基础,运用“互联网+港口”和大数据等前沿技术,结合“国际贸易与航运服务”业务,实现“一站式”航运服务中心和电子口岸,构建线上线下一体化、智能化的解决方案,抓住5G这个风口全面推进港口智能化发展。

成功案例

智慧物流

近年来,技术与物流融合的智慧物流加快起步。智慧物流是以物流互联网和物流大数据为依托,通过协同共享创新模式和人工智能先进技术,重塑产业分工,再造产业结构,转变产业发展方式的新生态。当前,国家鼓励大众创业、万众创新,陆续出台政策措施,支持和引导“互联网+”高效物流发展。涌现出一批“互联网+”物流的互联网平台,打破了传统企业边界,深化了企业分工协作,实现了存量资源的社会化转变和闲置资源的最大化利用,是智慧物流的典型代表。亿海蓝紧跟物流发展趋势,致力于门到门的物流信息集成,通过船货信息的集成,实现物流运输动态过程可视化,并提供大数据分析,风险预警、真实验证等。

成功案例