<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" /> <title>开封海绵公众号</title> <link rel="stylesheet" href="/static/css/common.css" type="text/css" /> <script src="/static/libs/turf/turf.min.js"></script> <script src="/static/libs/gcoord/gcoord.global.prod.js"></script> <script src="/static/libs/amap/loader.js"></script> <!-- 微信公众号js --> <script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></script> </head> <script type="text/javascript"> window._AMapSecurityConfig = { securityJsCode: 'cd443484c49381a4a5cfa47d2a3cf09f', }; AMapLoader.load({ key: '567ee1a6b66c64561e70507f7c371858', //申请好的Web端开发者 Key,调用 load 时必填 plugins: ['AMap.CitySearch', 'AMap.GeoJSON'], version: '2.0', //指定要加载的 JS API 的版本,缺省时默认为 1.4.15 }) .then((AMap) => (window.AMap = AMap)) .catch((e) => console.error(e)); </script> <style> html, body, #app { width: 100%; height: 100%; position: relative; } </style> <body> <div id="xfApp"></div> </body> </html> <script type="module" src="/src/utils/main.js"></script>