船位
船位 航线 运价 租船 海运圈 碳排放
档案
API
大数据
商品 航运 专题 案例
解决方案
船东 港口 保险 移动基站 金融租赁 供应链可视
关于我们
服务体系 产品价格 联系我们
API简介 开发入门 成功案例 用户管理 历史版本
申请使用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

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

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

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