<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
<link rel="icon" href="<%= BASE_URL %>LOGO.ico">
|
<!-- <script src="https://webapi.amap.com/maps?v=1.4.15&key=be57d4add7dc10fb7f7924763a2179ae&plugin=AMap.MarkerClusterer"></script> -->
|
<!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> -->
|
<script src="https://webapi.amap.com/maps?v=1.4.15&key=be57d4add7dc10fb7f7924763a2179ae&plugin=AMap.MarkerClusterer"></script>
|
<script src="https://webapi.amap.com/loca?v=1.3.2&key=be57d4add7dc10fb7f7924763a2179ae&plugin=AMap.MarkerClusterer"></script>
|
<!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />-->
|
<!-- <script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.js"></script>-->
|
<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=2.0&ak=U2SoSp52BoVW6bAEMsxQ7Zfe0tuB6VDp"></script>
|
<script src="http://api.map.baidu.com/api?v=3.0&ak=U2SoSp52BoVW6bAEMsxQ7Zfe0tuB6VDp"></script>
|
<script src="https://mapv.baidu.com/build/mapv.min.js"></script>
|
<script type="text/javascript" src="https://mapv.baidu.com/gl/examples/static/common.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js?v=1598903772045"></script>
|
<script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.97/dist/mapvgl.min.js"></script>
|
<!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
|
<!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/require.js/2.3.6/require.min.js"></script> -->
|
|
<title><%= webpackConfig.name %></title>
|
<style>
|
body {
|
margin: 0px;
|
padding: 0px;
|
height: 100%;
|
}
|
html {
|
overflow-y: hidden;
|
}
|
</style>
|
</head>
|
<body>
|
<noscript>
|
<strong><%= webpackConfig.name %> 不支持无javaScript环境</strong>
|
</noscript>
|
<div id="app"></div>
|
</body>
|
<script>
|
/*$(window).resize(function() // 绑定到窗口的这个事件中
|
|
{
|
|
var whdef = 100 / 1080 // 表示1920的设计图,使用100PX的默认值
|
|
var wH = window.innerHeight // 当前窗口的高度
|
|
var wW = window.innerWidth // 当前窗口的宽度
|
|
var rem = wH * whdef // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT- SIZE值
|
|
$('html').css('font-size', rem + 'px')
|
|
})
|
|
$(window).ready(function() {
|
|
var whdef = 100 / 1080 // 表示1920的设计图,使用100PX的默认值
|
|
var wH = window.innerHeight // 当前窗口的高度
|
|
var wW = window.innerWidth // 当前窗口的宽度
|
|
var rem = wH * whdef // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT- SIZE值
|
|
$('html').css('font-size', rem + 'px')
|
|
})*/
|
|
var docEl = document.documentElement,
|
//当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时，
|
//注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。
|
//总来的来就是监听当前窗口的变化，一旦有变化就需要重新设置根字体的值
|
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
|
recalc = function() {
|
//设置根字体大小1:50适用于375的设计稿，需要变更，就更改基础字体的数值
|
docEl.style.fontSize = docEl.clientWidth / 100 + 'px';
|
};
|
|
//绑定浏览器缩放与加载时间
|
window.addEventListener(resizeEvt, recalc, false);
|
document.addEventListener('DOMContentLoaded', recalc, false);
|
|
/* window.onresize = screenResize;
|
|
function screenResize () {
|
// console.log("屏幕大小变化", window.screen.availWidth);
|
document.documentElement.style.fontSize = window.screen.availWidth/320*20+"px";
|
}
|
screenResize ();*/
|
</script>
|
</html>
|
