У меня есть следующая карта 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?