CODEWITHSUNDEEP
javascriptjsongoogle-mapsasp.net-mvc-4google-maps-markers
Simon Bennetts
Simon Bennetts

Reputation: 31

HTTPS cluster markers and custom styles

I have a secure site that is using MarketCusterer for clustering markers! When viewing the page, I was getting the view only secure bits or see them all as I understand the icons are stored on a non-secure site.

I've located the icons, included in my ASP.NET MVC project and setup the necessary routes to allow access to the images. My problem is, once I add the styles (code below), nothing is displayed. I moved the images out of the MVC site onto our corporate public site and ensured I could get to the URL and still nothing was displayed. When I zoomed out far enough for the fourth image to be displayed, the standard google one appeared.

Having stepped through the code debugging, I can see my styles are being passed through correctly to the markerclusterer.js as expected.

Am I doing something wrong?

Thanks Simon

            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);

Upvotes: 2

Views: 128

Answers (1)

Simon Bennetts
Simon Bennetts

Reputation: 31

For anyone interested it appears it was because the height and width values were missing. I had thought these were optional parameters but it seems they need to be there!

hHanks for looking.

Simon

Upvotes: 1

Related Questions