| import { useEffect, useState } from 'react' |
|
|
| export default function RevolverMaps () { |
| const [load, changeLoad] = useState(false) |
| useEffect(() => { |
| if (!load) { |
| initRevolverMaps() |
| changeLoad(true) |
| } |
| }, []) |
| return <div id="revolvermaps" className='p-4'/> |
| } |
|
|
| function initRevolverMaps () { |
| if (screen.width >= 768) { |
| Promise.all([ |
| loadExternalResource('https://rf.revolvermaps.com/0/0/8.js?i=5jnp1havmh9&m=0&c=ff0000&cr1=ffffff&f=arial&l=33') |
| ]).then(() => { |
| console.log('地图加载完成') |
| }) |
| } |
| } |
|
|
| |
| function loadExternalResource (url) { |
| return new Promise((resolve, reject) => { |
| const container = document.getElementById('revolvermaps') |
| const tag = document.createElement('script') |
| tag.src = url |
| if (tag) { |
| tag.onload = () => resolve(url) |
| tag.onerror = () => reject(url) |
| container.appendChild(tag) |
| } |
| }) |
| } |
|
|
