javascript - map 实现错误

Question

我遇到了 map 嵌入问题，该问题似乎仅发生在开发服务器上并且仅使用此模板。我花了两天时间尝试诊断该问题，但无济于事。

这是开发页面:http://209.59.161.55/~atbencold/locations-hours/maryland/annopolis-area/1918-west-pike-st.html

map 似乎运行良好，但是在 Chrome 检查器中我看到此错误:

Uncaught TypeError: Cannot read property 'firstChild' of null
at Object._.vg (js?libraries=places&key=AIzaSyBWGD9vRktGaqGHBjkg-rSUyjkj7ReOwQk&language=en:85)
at new Ag (js?libraries=places&key=AIzaSyBWGD9vRktGaqGHBjkg-rSUyjkj7ReOwQk&language=en:87)
at initialize80_1200188964 (1918-west-pike-st.html:531)

我的研究表明，本地图根本无法运行时，就会出现此问题。由于我的 Javascript 知识不是很强，任何人都可以提供任何帮助吗？

Answer 1

目前，jQuery 在 Google map 和 MooTools 之前加载。

当 MooTools 首先加载，然后是 jQuery，最后加载 Google map 时，这三个库似乎可以最好地协同工作。

您可以通过在模板 index.php 文件的 HEAD 部分的上方添加此行来强制 MooTools 首先加载:

JHTML::_('behavior.framework', true);

jQuery Easy还可以帮助按正确的顺序加载库，并且可以帮助停止 MooTools 加载(如果不需要)。