在我的项目中,我将这个库包括在内:
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script>
然而src路径似乎从昨天开始被破坏,因此它没有呈现JS,因此我无法在地图上显示簇。
我有这个JS的本地副本,我可以设置src路径来引用我的本地副本,而不是上面的 ../ svnt / runk /..路径。
我在搜索的是这个库的替代路径吗?可能是它在CDN上托管。
到目前为止,我认为,上面只是 托管的地方:
参考:https://code.google.com/p/google-maps-utility-library-v3/source/checkout
答案 0 :(得分:30)
反过来Google moved the source over to GitHub,可以使用以下脚本网址从GitHub version访问新的RawGit:
https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/src/markerclusterer.js
在实例化MarkerClusterer以访问GitHub中的图像时,您还需要指定imagePath选项:
var mc = new MarkerClusterer(map, markers, {
imagePath: 'https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/images/m'
});
以下早期的SO帖子包含有关对群集图像的imagePath引用的更多详细信息:
Google maps not working in https://
虽然上面的网址(带有cdn前缀)有no traffic limits or throttling and the files are served via a super fast global CDN,但请记住RawGit is a free hosting service and offers no uptime or support guarantees。
以下SO答案中详细介绍了这一点:
Link and execute external JavaScript file hosted on GitHub
这篇文章还介绍了,如果您要链接到GitHub上的文件,那么在生产环境中,您应该考虑定位特定的版本标记,以确保您获得该脚本的特定发行版本。
但是,由于js-marker-clusterer存储库的保管人尚未创建任何版本,因此目前无法实现。
因此,您应该认真考虑直接在项目中下载并包含库及其资源以用于生产目的。
答案 1 :(得分:6)
我在这里有链接:
https://cdnjs.cloudflare.com/ajax/libs/js-marker-clusterer/1.0.0/markerclusterer.js
Markercluster编译
https://cdnjs.cloudflare.com/ajax/libs/js-marker-clusterer/1.0.0/markerclusterer_compiled.js
答案 2 :(得分:0)
https://github.com/googlemaps/js-marker-clusterer
在examples文件夹和良好的README中有很好的例子。但是,您需要修改每个示例/ * .html文件中的一行代码以包含您的API密钥:
<script src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY">
</script>
以便三个示例中的每一个都能正常工作。