ແຜນທີ່ຄຸນນະພາບອາກາດແບບເວລາຈິງຂອງໂຄງການດັດຊະນີຄຸນນະພາບອາກາດໂລກສາມາດຖືກຝັງຢູ່ໃນເວັບໄຊທ໌ໃດກໍໄດ້ດ້ວຍແທັກສະຄຣິບດຽວ. ແຜນທີ່ສະແດງດັດຊະນີຄຸນນະພາບອາກາດສົດຂອງສະຖານີຕິດຕາມກວດກາທັງໝົດອ້ອມຮອບສະຖານທີ່ທີ່ເລືອກ, ແລະຈະຖືກອັບເດດໂດຍອັດຕະໂນມັດ.

ຄັດລອກລະຫັດຂ້າງລຸ່ມນີ້ບ່ອນທີ່ແຜນທີ່ຄວນຈະປາກົດຢູ່ໃນໜ້າເວັບຂອງທ່ານ:

<script src="https://aqicn.org/maplet/embed.v1.js"
        data-city="london"
        data-lat="51.5074" data-lng="-0.1278" data-zoom="11"
        data-lang="lo"
        data-height="450"></script>

ຜົນໄດ້ຮັບ (ຍ້າຍ ຫຼື ຊູມແຜນທີ່ເພື່ອອັບເດດລະຫັດຂ້າງເທິງ):

ເພື່ອຫຼີກເວັ້ນການຊັກຊ້າການສະແດງຜົນໜ້າເວັບຂອງທ່ານ, ສະຄຣິບສາມາດໂຫຼດໄດ້ແບບບໍ່ສະແດງຜົນພ້ອມໆກັນ, ດ້ວຍຄຸນລັກສະນະ async ຫຼື defer . ເນື່ອງຈາກສະຄຣິບບໍ່ໄດ້ເຮັດວຽກຢູ່ໃນຕຳແໜ່ງຂອງມັນໃນໜ້າ, ຄຸນລັກສະນະ data-dom-target ຈຶ່ງຈຳເປັນຕ້ອງໃຊ້ເພື່ອລະບຸອົງປະກອບທີ່ແຜນທີ່ຖືກໃສ່. ອົງປະກອບສາມາດວາງໄວ້ບ່ອນໃດກໍໄດ້ໃນໜ້າ, ກ່ອນ ຫຼື ຫຼັງແທັກ script.

<div id="aqi-map"></div>

<script async src="https://aqicn.org/maplet/embed.v1.js"
        data-city="paris"
        data-lang="lo"
        data-dom-target="aqi-map"
        data-height="450"></script>

ຜົນໄດ້ຮັບ:

ກຳລັງໂຫຼດສະຄຣິບຈາກ javascript

ສະຄຣິບຍັງສາມາດໃສ່ໄດ້ແບບໄດນາມິກ, ຕົວຢ່າງເຊັ່ນຈາກຕົວຈັດການແທັກ ຫຼື ແອັບພລິເຄຊັນໜ້າດຽວ. ກົດ data-dom-target ດຽວກັນນີ້ໃຊ້ໄດ້:

<div id="aqi-map"></div>

<script>
  var s = document.createElement("script");
  s.src = "https://aqicn.org/maplet/embed.v1.js";
  s.setAttribute("data-city", "london");
  s.setAttribute("data-dom-target", "aqi-map");
  s.setAttribute("data-lang", "lo");
  document.head.appendChild(s);
</script>

ແຜນທີ່ຖືກຕັ້ງຄ່າດ້ວຍຄຸນລັກສະນະຕໍ່ໄປນີ້ຂອງແທັກ script. ພວກມັນທັງໝົດແມ່ນທາງເລືອກ, ຍົກເວັ້ນ data-dom-target ສຳລັບການໂຫຼດແບບ asynchronous.

ແຜນທີ່ຫຼາຍແຜ່ນສາມາດຝັງຢູ່ໃນໜ້າດຽວກັນໄດ້: ໃຊ້ແທັກສະຄຣິບໜຶ່ງອັນຕໍ່ໜຶ່ງແຜນທີ່.

ຕື່ມຂໍ້ມູນໃສ່ຕົວເລືອກຂ້າງລຸ່ມນີ້ເພື່ອຮັບລະຫັດສຳລັບແຜນທີ່ຂອງທ່ານ, ແລະເບິ່ງຕົວຢ່າງມັນ.

• ລິ້ງຕ່າງໆໃນແຜນທີ່ (ເຊັ່ນ: ລາຍລະອຽດສະຖານີ) ຈະເປີດຢູ່ໃນແຖບໃໝ່, ດັ່ງນັ້ນຜູ້ມາຢ້ຽມຢາມຈຶ່ງບໍ່ອອກຈາກໜ້າເວັບຂອງທ່ານ.
• ແຜນທີ່ສາມາດຖືກຝັງຢູ່ໃນເວັບໄຊທ໌ໃດກໍໄດ້ທີ່ໃຫ້ບໍລິການຜ່ານ http ຫຼື https . ມັນບໍ່ສາມາດສະແດງຈາກໜ້າທີ່ເປີດເປັນໄຟລ໌ທ້ອງຖິ່ນ ( file:// ).
• ຖ້າແຜນທີ່ຖືກວາງໄວ້ໃນ iframe ທີ່ມີ sandbox, sandbox ຕ້ອງອະນຸຍາດໃຫ້ມີຢ່າງໜ້ອຍ allow-scripts allow-same-origin allow-popups .
• ກະລຸນາຢ່າລຶບ ຫຼື ຊ່ອນຄວາມກ່ຽວຂ້ອງຂອງໂຄງການດັດຊະນີຄຸນນະພາບອາກາດໂລກ ແລະ ແຫຼ່ງຂໍ້ມູນ.

ການໃຊ້ iframe ໂດຍກົງ

ຖ້າທ່ານບໍ່ສາມາດເພີ່ມສະຄຣິບໃສ່ໜ້າເວັບຂອງທ່ານໄດ້, ແຜນທີ່ຍັງສາມາດຝັງດ້ວຍ iframe ທຳມະດາໄດ້. ສະຖານທີ່ແມ່ນສ່ວນໜຶ່ງຂອງ url, ແລະມຸມມອງຖືກຕັ້ງຄ່າດ້ວຍພາລາມິເຕີ lat , lng ແລະ zoom :

<iframe src="https://aqicn.org/maplet/london/lo/?lat=51.5074&lng=-0.1278&zoom=11"
        width="100%" height="450" style="border:0" loading="lazy"
        title="Real-time air quality map"></iframe>