Google maps ne fonctionne pas en https://

Mise à JOUR: le 12 Mai 2016 Google déclassés la google-maps-utility-library-v3.googlecode.com source de cette bibliothèque. Cependant, depuis que Google a déplacé la source sur GitHub un moment de retour, veuillez considérer le GitHub de détails à la fin de ce post, et, en particulier, la dernière remarque concernant notamment le scénario et les ressources directement dans votre projet

En plus de changer votre inclusion de script url à partir de:

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js

à:

https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js

vous devez également spécifier le imagePath option lors de l'instanciation de votre MarkerClusterer le long des lignes suivantes:

var mc = new MarkerClusterer(map, markers, { 
    imagePath: 'https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m' 
});

Cela permettra d'éviter l'avertissement suivant qui couvre le même terrain que l'erreur de script que vous avez mis en évidence:

Contenu mixte: La page à " https://url "a été chargé par le protocole HTTPS, mais a demandé une insécurité image"http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png'. Ce contenu doit également être servi par le protocole HTTPS.

La raison pour laquelle cela se produit est que, par défaut, le MarkerClusterer bibliothèque utilise les éléments non https paramètre comme la racine de son groupe d'images (m1.png, m2.png, etc.):

MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_PATH_ =
    'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/' +
    'images/m'

Alors que nous avons rencontré ce problème pendant un certain temps, il ne semble pas avoir été abordé dans la réponse à la suite de pull request sur la bibliothèque de dépôt GitHub:

Changé de HTTP à HTTPS dans les lien de l'image

Ce GitHub version peut être consulté à partir de RawGit en utilisant le script suivant url:

https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/src/markerclusterer.js

et suivants imagePath peut être utilisé pour accéder à la GitHub images:

var mc = new MarkerClusterer(map, markers, { 
    imagePath: 'https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/images/m' 
});

Alors que le dessus de l'url (avec le cdn préfixes) ont pas de limites de trafic ou de limitation et les fichiers sont desservis par un super rapide CA mondial, s'il vous plaît garder à l'esprit que RawGit est un service d'hébergement gratuit et offre pas de disponibilité ou de soutien des garanties.

Ce point est abordé plus en détail dans la suite AINSI de réponse:

Lien et d'exécuter du JavaScript externe fichier hébergé sur GitHub

Ce poste couvre également que, si vous créez un lien vers les fichiers sur GitHub, en production, vous devriez envisager de cibler une version spécifique étiquette pour vous assurer que vous obtenez la version la version du script.

Cependant, comme les gardiens de la js-marqueur-clusterer référentiel reste à créer toutes les versions, ce n'est pas possible actuellement.

Comme un résultat, vous devriez sérieusement envisager de télécharger et y compris la bibliothèque et de ses ressources directement dans votre projet à des fins de production.

J'ai été confronté à ce problème aujourd'hui pour le Marqueur de cluster de la bibliothèque, j'ai donc dû mettre à jour le répertoire des images manuellement à partir de la js fichier source, open markercluster.js

et remplacer:

https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer

Avec le répertoire github:

https://googlemaps.github.io/js-marker-clusterer

Et vous devriez être bien..

Il suffit de changer le Google http://à https://

http://maps.google.com/ à https://maps.google.com/