| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | |
|---|
| | | <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, |
|---|
| | |
|---|
| | | 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], { |
|---|
| | |
|---|
| | | } |
|---|
| | | 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> |
|---|
