如果你是一个前端开发人员并且使用jQuery，那么你可能已经知道了$(document).ready()方法的作用——等待DOM加载完成后执行JavaScript代码。但是你可能不知道这个方法和Google Maps API结合使用的方法，以及如何在这个过程中使用美元符号（$）来引用jQuery库。
Google Maps API和美元符号（$）
当你使用Google Maps API时，通常需要在页面上引用Google的JavaScript文件，然后使用一个回调函数来初始化地图。例如：
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=myMap"></script>
<script>
function myMap() {
// 初始化地图代码
}
</script>在这个例子中，我们使用了callback=myMap参数来指定回调函数的名称。在页面加载完毕后，Google Maps API会自动调用这个函数来初始化地图。
现在假设你正在使用jQuery来开发这个页面，并且想使用$(document).ready()方法来确保DOM加载完成后再初始化地图。你可以把回调函数放进$(document).ready()里面，像这样：
-- -------------------- ---- -------
------- ------------------------------------------------------------------------
--------
---------------------------- -
-------- ------- -
-- -------
-
---
---------但是，这个方式有一个问题：由于$(document).ready()方法使用了美元符号（$）来引用jQuery库，而Google Maps API也使用了美元符号来定义一些全局变量，可能导致两者冲突。
解决这个问题的方法是，在$(document).ready()方法的开头使用jQuery.noConflict()方法来释放$符号的控制权，并为jQuery对象分配一个新的名称。例如：
-- -------------------- ---- -------
------- ------------------------------------------------------------------------
--------
--- -- - --------------------
----------------------------- -
-------- ------- -
-- -------
-
---
---------在这个例子中，我们将jQuery对象赋给了一个新的变量jq，以避免和Google Maps API中的美元符号冲突。
document.ready()方法和Google Maps API的组合
现在假设你想在DOM加载完成后初始化多个地图。你可以把所有的回调函数放在$(document).ready()方法内部，就像这样：
-- -------------------- ---- -------
------- ------------------------------------------------------------------------
--------
--- -- - --------------------
----------------------------- -
-------- -------- -
-- ---------
-
-------- -------- -
-- ---------
-
-------- -------- -
-- ---------
-
----------------------- ---------- -
--- ---- - --- -------------------------------------------------------- -
----- --
------- ----- -------- ---- --------
---
---
----------------------- ---------- -
--- ---- - --- -------------------------------------------------------- -
----- --
------- ----- -------- ---- --------
---
---
----------------------- ---------- -
--- ---- - --- -------------------------------------------------------- -
----- --
------- ----- -------- ---- --------
---
---
---
---------在这个例子中，我们定义了三个回调函数myMap1()、myMap2()和myMap3()来初始化不同的地图。然后，我们使用jQuery的.on()方法来为三个不同的按钮添加单击事件处理程序，以便在单击时初始化相应的地
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13736