Newer
Older
CloudBrainNew / index.html
StephanieGitHub on 31 Mar 2021 3 KB MOD: 添加高德地图
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>big-data</title>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=b6c27a2051691fcb386543c800356e05"></script>
    <!-- <link rel="stylesheet" href="static/Cesium/Widgets/widgets.css"> -->
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" />
    <script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js"></script>
    <!--航天精一地图-->
    <script type="text/javascript" charse="utf-8" src="static/fMap/jquery.min.js"></script>
    <script type="text/javascript" charse="utf-8" src="static/fMap/fc-map.min.js"></script>
    <link rel="stylesheet" href="static/fMap/fc-map.min.css"/>
    <!--mapvgl-->
    <!--<script src="//api.map.baidu.com/api?v=1.0&type=webgl&ak=QL9aqGNjgcRAGkt6F0BrsVmfGGOgjVyr"></script>-->
    <!--<script src="https://unpkg.com/mapvgl/dist/mapvgl.min.js"></script>-->
    <!-- 如果使用到Three.js相关的图层需要引用 -->
    <!--<script src="https://unpkg.com/mapvgl/dist/mapvgl.threelayers.min.js"></script>-->
  </head>
  <!-- 自定义聚类业务卡片 -->
  <script id="myclustBB" type="text/html">
    <div style="padding: 10px;">
      <div>志愿者总数:{{count}}</div>
    <div>
  </script>
  <!-- 自定义志愿者业务卡片 -->
  <script id="volunteerBB" type="text/html">
    <div style="padding: 10px;">
      <div>志愿者:{{data.name}}</div>
      <div>工作时长:2.5h</div>
    <div>
  </script>
  <!--自定义渣土车的Bubble-->
  <script id="truckBB" type="text/html">
    <div style="padding: 10px;">
      <div>车牌号:{{data.carNo}}</div>
      <div>时间:{{data.time}}</div>
      <div>
  </script>
  <!--事件弹窗-->
  <script id="caseBB" type="text/html">
    <div style="padding: 10px;">
      <div>事件内容:{{data.eventContent}}</div>
      <div>事件类型:{{data.eventTypeStr}}</div>
      <div>事件来源:{{data.eventSource}}</div>
      <div>立案人:{{data.registerName}}</div>
      <div>事件地点:{{data.eventAddress}}</div>
      <div>立案时间:{{data.registerTime}}</div>
    <div>
  </script>
  <!--摄像头弹窗-->
  <script id="cameraBB" type="text/html">
    <div style="padding: 10px;">
      <div>{{data.channelName}}</div>
    <div>
  </script>
  <!--网格弹窗-->
  <script id="roadBB" type="text/html">
    <div style="padding: 10px;">
      <div>位置:{{data.position}}</div>
      <div>责任单位:{{data.responseDept}}</div>
      <div>责任人:{{data.responsePerson}}</div>
      <div>联系方式:{{data.tel}}</div>
      <div>
  </script>
  <!--网格弹窗-->
  <script id="constructionBB" type="text/html">
    <div style="padding: 10px;">
      <div>工地名称:{{data.SSSJFW}}</div>
      <div>管理单位:{{data.S_XZQH_MC}}</div>
      <div>位置描述:{{data.JCWMC}}</div>
      <div>类别:{{data.GCLB}}</div>
      <div>
  </script>
  <body>
    <div id="app"></div>
    <!-- <script type="text/javascript" src="static/Cesium/Cesium.js"></script>
    <script type="text/javascript" src="static/Cesium/Workers/zlib.min.js"></script> -->
    <!-- built files will be auto injected -->
  </body>
</html>