Как добавить список событий на простую карту Google в HTML-файле - PullRequest
0 голосов
/ 01 ноября 2019

У меня есть следующая карта Google в моем простом html-файле, который я получил от https://1map.com/map-embed.

<div id="wrapper-9cd199b9cc5410cd3b1ad21cab2e54d3" >
        <div id="map-9cd199b9cc5410cd3b1ad21cab2e54d3" style="border-style: solid"></div>

<script>
     (function () {
        var setting = {"height":512,"width":803,"zoom":11,"queryString":"Hagen, Germany","place_id":"ChIJ2yg81387uUcR1jbZgSbWYEM","satellite":false,"centerCoord":[51.341818779747406,7.487431549999997],"cid":"0x4360d62681d936d6","cityUrl":"/germany/hagen-13223","id":"map-9cd199b9cc5410cd3b1ad21cab2e54d3","embed_id":"101027"};
        var d = document;
        var s = d.createElement('script');
        s.src = 'https://1map.com/js/script-for-user.js?embed_id=101027';
        s.async = true;
        s.onload = function (e) {
          window.OneMap.initMap(setting)
        };
        var to = d.getElementsByTagName('script')[0];
        to.parentNode.insertBefore(s, to);
      })();
</script>

<a href="https://1map.com/map-embed?embed_id=101027">1map.com</a></div>

Я пытаюсь добавить списки событий для событий мыши, таких как щелчки, и наведение указателя мыши и т. Д. Для этой картыи его элементы, например значки + и - для увеличения и уменьшения. Моя проблема в том, что я не могу найти ни одного элемента в приведенном выше коде, к которому я мог бы добавить прослушиватель onclick, используя document.getElementById(). Я могу добавить списки событий в div с идентификаторами wrapper-9cd199b9cc5410cd3b1ad21cab2e54d3 и map-9cd199b9cc5410cd3b1ad21cab2e54d3. Но слушатели этих дивов не реагируют на щелчки или зависания на карте, поэтому они бесполезны. Я новичок в HTML и JavaScript и до сих пор не понимаю многих понятий, включая то, что происходит в приведенном выше коде. Есть ли способ манипулировать этим кодом и прослушивать события мыши, связанные с картой Google, без использования некоторых API Google?

...