HTTPS 集群标记和自定义样式答案

【问题标题】：HTTPS cluster markers and custom stylesHTTPS 集群标记和自定义样式
【发布时间】：2013-07-02 07:47:08
【问题描述】：

我有一个使用 MarketCusterer 对标记进行聚类的安全站点！查看页面时，我只能查看安全位或查看所有这些图标，因为我知道图标存储在非安全站点上。

我已经找到了包含在我的 ASP.NET MVC 项目中的图标，并设置了必要的路由以允许访问图像。我的问题是，一旦我添加了样式（下面的代码），什么都不会显示。我将图像从 MVC 站点移到我们公司的公共站点上，并确保我可以访问 URL，但仍然没有显示任何内容。当我缩小到足以显示第四张图片时，标准的谷歌图片出现了。

通过代码调试后，我可以看到我的样式按预期正确传递给了 markerclusterer.js。

我做错了吗？

谢谢西蒙

            var clusterStyles = [
                {
                    opt_textColor: 'black',
                    url: 'http://www.mywebsite.com/images/m1.png'
                },
                {
                    opt_textColor: 'black',
                    url: 'http://www.mywebsite.com/images/m2.png'
                 },
                 {
                    opt_textColor: 'black',
                    url: 'http://www.mywebsite.com//images/m3.png'
                 }
                ];

            var mcOptions = { styles: clusterStyles };

            var markers = [];
    Loop to add markers

            var markerCluster = new MarkerClusterer(map, markers, mcOptions);

【问题讨论】：

你用的是什么浏览器？ Chrome 对跨协议问题非常严格，因此请确保所有内容都是通过 http 或 https 加载的。另外，请注意m3.png 中的双斜线。
嗨，主要是 IE，但重点是要确保所有通信都通过 HTTPS 来避免是否显示不安全信息的问题。上面的 URL 在我的代码中实际上是 HTTPS，这只是为了检查在我的静态公司网站上查看 HTTPS 是否有问题...
Orique，双斜线只是我剪切和粘贴我们的网站地址 - 抱歉:)
我无法为您提供帮助，因为我几乎没有使用 Google 地图的经验 - 但是我想指出这些微小的细节，以确保它们不会与问题有关。跨度>
var clusterStyles = [ { opt_textColor: 'black', url: 'mywebsite.com/images/m1.png' }, { opt_textColor: 'black', url: 'mywebsite.com/images/m2.png' }, { opt_textColor: 'black' , 网址: 'mywebsite.com/images/m3.png' } ]; var mcOptions = { 样式：clusterStyles };变量标记 = [];循环添加标记 var markerCluster = new MarkerClusterer(map, markers, mcOptions);

标签： javascript json google-maps asp.net-mvc-4 google-maps-markers

【解决方案1】：

对于任何感兴趣的人来说，这似乎是因为缺少高度和宽度值。我原以为这些是可选参数，但似乎它们需要在那里！

感谢您的寻找。

西蒙

【讨论】：