Uncaught TypeError: $(...).googlePlaces不是函数问题求助

针对你遇到的这个错误，可从以下几个方面排查解决：

1. 调整资源加载顺序 #

google-places.js依赖谷歌地图Places库，必须保证谷歌地图API在它之前加载。原代码中加载顺序颠倒，这是核心问题之一。

2. 替换失效的CDN资源 #

rawgit已停止服务，原CSS链接无法正常加载，需替换为可用的CDN地址。

3. 检查jQuery冲突 #

确保页面未加载多个jQuery版本，若存在冲突，可改用jQuery全称调用方法，或使用$.noConflict()处理。

修改后的完整代码示例 #

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/stevenmonson/googleReviews@master/google-places.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=你的API_KEY&libraries=places"></script>
<script src="https://cdn.jsdelivr.net/gh/stevenmonson/googleReviews@6e8f0d794393ec657dab69eb1421f3a60add23ef/google-places.js"></script>

<div id="google-reviews"></div>

<script>
jQuery(document).ready(function() {
    jQuery("#google-reviews").googlePlaces({
        placeId: '你的Place ID', 
        render: ['reviews'],
        min-rating: 4,
        max-rows: 5
    });
});
</script>

额外排查点 #

• 确认谷歌地图API密钥已启用Places API权限，且无配额限制或IP白名单限制。
• 检查浏览器控制台是否有其他加载错误（如资源404），优先解决这类基础加载问题。

内容的提问来源于stack exchange，提问作者Ng Chee Weng