地图资源按需加载

This commit is contained in:
shijing 2022-11-09 09:36:08 +08:00
parent 7e802739e7
commit 3a870ed8e2
2 changed files with 220 additions and 189 deletions

View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= VUE_APP_TITLE %></title>
<script src="./jsmap/jsmap.js"> </script>
<!-- <script src="./jsmap/jsmap.js"> </script> -->
<link type="text/css" href="./jsmap/jsmap.css" rel="stylesheet"/>
<script type="text/javascript">
document.write("<script src='config.js?"+new Date().getTime()+"'><\/script>");

View File

@ -793,6 +793,12 @@ export default {
that.timerTime = setInterval(() => {
that.showTime();
}, 1000);
debugger;
console.log( window.location.host);
let host = window.location.host;
let jsUrl = host.indexOf('localhost')>-1?'/http://222.222.144.147:6013/jsmap/jsmap.js':host+'/jsmap/jsmap.js';
that.loadScript('mapId', 'http://222.222.144.147:6013/jsmap/jsmap.js', () => {
debugger;
window.map = new jsmap.JSMap({
mapType: jsmap.JSMapType.MAP_3D,
container: 'mapContainer',
@ -968,6 +974,8 @@ export default {
} else {
}
});
})
//
this.getManCount();//$$
this.getWarnings();//$$
@ -1007,6 +1015,29 @@ export default {
clearInterval(this.eventAudioTimer)//
},
methods: {
loadScript(id, url, callback) {
//idjs
if (document.querySelector(`#${id}`)) {
callback && callback()
return;
}
// script
const script = document.createElement('script');
script.src = url;
//id
script.setAttribute('id', id);
//script
const firstScript = document.getElementsByTagName('script')[0];
//script BODY,bodyscriptjs
firstScript.parentNode.insertBefore(script, firstScript);
//script
script.onload = script.onreadystatechange = function() {
//
if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') {
callback && callback()
}
};
},
//
searchOne(keyword){
let that = this;