南昌市物联网技防平台-前端
liuyg
2021-05-09 a40ba543c8c5dc08669e3a37059ba39bf1ce284c
小程序地图
2 files modified
1 files added
68 ■■■■■ changed files
public/xcxh5map/getUrlData.js 10 ●●●●● patch | view | raw | blame | history
public/xcxh5map/map.html 36 ●●●● patch | view | raw | blame | history
src/router/page/index.js 22 ●●●● patch | view | raw | blame | history
public/xcxh5map/getUrlData.js
New file
@@ -0,0 +1,10 @@
function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}
public/xcxh5map/map.html
@@ -7,9 +7,11 @@
    <link rel="stylesheet" href="./leaflet.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script src="./leaflet.js"></script>
    <script src="./moni.js"></script>
    <!-- <script src="./moni.js"></script> -->
    <script src="./getUrlData.js"></script>
    <link rel="stylesheet" href="./MarkerCluster.css" />
    <link rel="stylesheet" href="./MarkerCluster.Default.css" />
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src="./leaflet.markercluster-src.js"></script>
    <title>map</title>
    <style type="text/css">
@@ -29,9 +31,12 @@
<body>
    <div id="map"></div>
    <script>
        var map = null,
            getdata = null;
    </script>
    <script type="text/javascript">
        var map = null;
        function beginJuheMap(map) {
        function beginJuheMap(map, data) {
            map = L.map('map', { //初始化地图
                center: [31.87, 120.54],
                zoom: 12,
@@ -63,9 +68,9 @@
                busIcon = new transportIcon({
                    iconUrl: './img/red.png'
                });
            console.log(datalist, 43545343)
            for (var i = 0; i < datalist.length; i++) {
                var a = datalist[i];
            console.log(data, 43545343)
            for (var i = 0; i < data.length; i++) {
                var a = data[i];
                var title = a.title;
                if (a.state == 0) {
                    var marker = L.marker([a.jd, a.wd], {
@@ -88,13 +93,24 @@
            }
            map.addLayer(markers);
            markers.on('click', function (a) {
                console.log(a.layer, 11111111111);
            });
            // markers.on('click', function (a) {
            //     console.log(a.layer, 11111111111);
            // });
        }
        beginJuheMap(map);
    </script>
    <script>
        window.onload = () => {
            getdata = JSON.parse(decodeURI(getQueryVariable('data')));
            // var dataListUrl = window.location.href;
            // decodeURI(dataListUrl);
            console.log(getdata)
            beginJuheMap(map, getdata);
            wx.miniProgram.getEnv(function (res) {
                console.log(res.miniprogram) // true
            })
        }
    </script>
</body>
</html>
src/router/page/index.js
@@ -118,17 +118,17 @@
      isAuth: false
    }
  },
  {
    path: '/xcxMap',
    name: '地图',
    component: () =>
      import( /* webpackChunkName: "page" */ '@/views/dataL/xcxmap'),
    meta: {
      keepAlive: true,
      isTab: false,
      isAuth: false
    }
  },
  // {
  //   path: '/xcxMap',
  //   name: '地图',
  //   component: () =>
  //     import( /* webpackChunkName: "page" */ '@/views/dataL/xcxh5map/map.html'),
  //   meta: {
  //     keepAlive: true,
  //     isTab: false,
  //     isAuth: false
  //   }
  // },
  {
    path: '*',
    redirect: '/404'