| | |
|---|
| | | <!-- <script src="../map/lib/layui/layui.js" charset="utf-8"></script> --> |
|---|
| | | |
|---|
| | | <!-- 百度地图api --> |
|---|
| | | <script type="text/javascript" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"></script> |
|---|
| | | <!-- <script type="text/javascript" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"> |
|---|
| | | </script> --> |
|---|
| | | |
|---|
| | | <script charset="utf-8" src="./js/geolocation.min.js"></script> |
|---|
| | | |
|---|
| | | <script charset="utf-8" src="./js/getPosition.js"></script> |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | <!-- axios支持 --> |
|---|
| | | <script src="../map/lib/axios.js"></script> |
|---|
| | |
|---|
| | | |
|---|
| | | <body> |
|---|
| | | <div id="mapVue"> |
|---|
| | | <div class="dingwei" @click="locationMap"> |
|---|
| | | <img style="width: 80%;height: 80%;" src="./img/dingwei.png" alt=""> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="map"> |
|---|
| | | <div class="title" @click="titleClick"> |
|---|
| | | <span class="device-name">{{seedata.deviceName}}</span> |
|---|
| | | <span class="device-number">{{seedata.deviceNumber}}</span> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <button |
|---|
| | | style="position: absolute; bottom: 4px; top: auto; left: 0; right: 0; margin: auto; z-index: 111; width: 106px; height: 30px; background: #409eff; border: 1px solid #fff; color: #fff; border-radius: 4px;" |
|---|
| | | @click="getLocalPoliceStation">获取当前辖区</button> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | <!-- vue渲染 --> |
|---|
| | | <script src="./js/vueMain.js"></script> |
|---|
