Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

**contaouser1** · 06.02.2017, 17:40

Hallo,

ich benutze Contao 3.5.24 und dlh_googlemaps 2.2.0 Build 3. Der Google API-Key ist aktiviert und eingetragen. Es ist eine Karte mit zwei Elementen angelegt und in die Seite eingebunden.#

Die Karte wird nicht angezeigt, es wird nur eine graue Fläche angezeigt. In der Console bekomme ich folgende Fehlermeldung:

PHP-Code:


Failed to load resource: net::ERR_BLOCKED_BY_CLIENT http://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=27.12&action=apiboot2&e=10_1_0,10_2_0&rt=main.16 

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT http://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=27.12&action=apiboot2&e=10_1_0,10_2_0&rt=firstmap.101 

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT http://maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=host sp:NaNxNaN,size:1903x592,relsize:0.54,token:8892xvbnur,src:apiv3,ts:uddlgp

Failed to load resource: net::ERR_BLOCKED_BY_CLIENT http://maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=host…sp:NaNxNaN,size:1903x592,relsize:0.54,token:8892xvbnur,src:apiv3,ts:uddlgq

Hat jemand eine Idee?

**Andreas** · 06.02.2017, 18:10

Bist du auf HTTPS? Dann werden Inhalte von HTTP natürlich geblockt.

**contaouser1** · 07.02.2017, 09:26

Zitat von Andreas

Bist du auf HTTPS? Dann werden Inhalte von HTTP natürlich geblockt.

Nein, HTTP.

Weißt du weshalb in der URL sp:NaNxNaN stehen?

**Spooky** · 07.02.2017, 11:45

Poste einen Link zur Seite wo man das Problem sieht.

**contaouser1** · 13.02.2017, 18:39

Zitat von Spooky

Poste einen Link zur Seite wo man das Problem sieht.

Technisch gerade schwer.

HTML-Code:

<!DOCTYPE html>
<html lang="de">
<head>

      <meta charset="utf-8">
    <title>Kontakt</title>

          <meta name="robots" content="index,follow">
      <meta name="description" content="">
      <meta name="keywords" content="">
      <meta name="generator" content="Contao Open Source CMS">
    
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open Sans:400,700,300%7CCrimson Text:400,400italic,600italic">
<link rel="stylesheet" href="system/modules/dlh_googlemaps/assets/frontend.css">
<link rel="stylesheet" href="assets/css/fa2502779e92.css">
    <script type="text/javascript" src="http://gc.kis.v2.scr.kaspersky-labs.com/94B59A2B-4550-8C4B-A11F-CEF4780D765E/main.js" charset="UTF-8"></script><script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/jquery/core/1.11.3/jquery.min.js">\x3C/script>')</script>
    <script src="assets/js/1f8a1e2e4b18.js"></script>
<script src="http://maps.google.com/maps/api/js?key=AIzaSyBTjUExOLd8g7ZoycejLim7uMzycipHTLE&language=de"></script>

          <!--[if lt IE 9]><script src="assets/html5shiv/3.7.2/html5shiv-printshiv.min.js"></script><![endif]-->
      
</head>
<body id="top" class="win chrome webkit ch56 dev">

      
    <div id="wrapper">

                        <header id="header">
            <div class="inside">
              
<div class="bangb1">
	<div class="container"><div class="row ct">
<div class="ce_image logo col-lg-3 col-sm-3 block">

  
  
  <figure class="image_container">

          <a href="">
    
    

<img src="assets/images/a/2016_Logo_blue-9c03aa2a.svg" width="200" height="44" alt="">



          </a>
    
    
  </figure>


</div>

<!-- indexer::stop -->
<nav class="mod_navigation mainnavi col-lg-9 col-md-9 col-sm-12 block">

  
  <a href="kontakt.html#skipNavigation109" class="invisible">Navigation überspringen</a>

  <div class="top-menu-title"><button class="hamburger hamburger--collapse" type="button">
  <span class="hamburger-box">
    <span class="hamburger-inner"></span>
  </span>
</button></div>
<ul class="top-menu level_1" role="menubar">
            <li class="home sibling first"><a href="startseite-preview.html" title="Startseite" class="home sibling first" role="menuitem">Startseite</a></li>
                <li class="sibling"><a href="taetigkeitsfelder.html" title="Tätigkeitsfelder" class="sibling" role="menuitem">Tätigkeitsfelder</a></li>
                <li class="sibling"><a href="ueber-uns.html" title="Über uns" class="sibling" role="menuitem">Über uns</a></li>
                <li class="active"><span class="active" role="menuitem">Kontakt</span></li>
                <li class="sibling"><a href="impressum-preview.html" title="Impressum" class="sibling" role="menuitem">Impressum</a></li>
                <li class="sibling last"><a href="downloads.html" title="Downloads" class="sibling last" role="menuitem">Downloads</a></li>
      </ul>

  <a id="skipNavigation109" class="invisible">&nbsp;</a>

</nav>
<!-- indexer::continue -->

</div></div>
</div>
<div class="mod_article resetcontainer first last block" id="article-207">

  
  <!-- indexer::stop -->
<div class="ce_dlh_googlemaps map first last block">

<div class="dlh_googlemap block" id="dlh_googlemap_1" style="width:px;height:px;"><noscript><p><img src="http://maps.google.com/maps/api/staticmap?center=&amp;zoom=10&amp;maptype=roadmap&amp;language=de&amp;size=x&amp;markers=51.334528,12.384568&amp;icon:http%3A%2F%2Fpreview.ourwebsite.de%2Ffiles%2F562-Startup%2Fimg%2Fbman.png|shadow:false|51.334528,12.384568" alt=""></p></noscript></div>

<script>

function gmap1_initialize() {
	var gmap1_Options = {

		zoom: 10		, center: new google.maps.LatLng()
		, mapTypeId: google.maps.MapTypeId.ROADMAP		, draggable: true		, disableDoubleClickZoom: true		, scrollwheel: true

        		, mapTypeControl: true
		, mapTypeControlOptions: {
			style: google.maps.MapTypeControlStyle.DEFAULT			, position: google.maps.ControlPosition.TOP_RIGHT						, mapTypeIds: [
									google.maps.MapTypeId.HYBRID									,google.maps.MapTypeId.ROADMAP									,google.maps.MapTypeId.SATELLITE									,google.maps.MapTypeId.TERRAIN								]
					}
    	

                , overviewMapControl: true
        , overviewMapControlOptions: {
            opened: true        }
        

                , streetViewControl: true
        , streetViewControlOptions: {
            position: google.maps.ControlPosition.TOP_LEFT        }
        

                , rotateControl: true
        , rotateControlOptions: {
            position: google.maps.ControlPosition.TOP_LEFT        }
        

                , panControl: true
        , panControlOptions: {
            position: google.maps.ControlPosition.TOP_LEFT        }
        

        		, zoomControl: true
		, zoomControlOptions: {
			style: google.maps.ZoomControlStyle.DEFAULT,
			position: google.maps.ControlPosition.TOP_LEFT		}
		

				, scaleControl: true
		, scaleControlOptions: {
			position: google.maps.ControlPosition.BOTTOM_LEFT		}
		

		
    };

    google.maps.event.addDomListener(window, 'resize', function() {
        var center = gmap1.getCenter();
 
        google.maps.event.trigger(gmap1, 'resize');
        gmap1.setCenter(center);
    });

    var gmap1 = new google.maps.Map(document.getElementById("dlh_googlemap_1"), gmap1_Options);
    var gmap1_markers = [];

    
        var gmap1_0_marker = new google.maps.Marker({
    position: new google.maps.LatLng(51.334528,12.384568)
    , map: gmap1                        , icon: new google.maps.MarkerImage(
            'files/562-Startup/img/bman.png'
            , new google.maps.Size(32,32)
            , new google.maps.Point(0,0)
            , new google.maps.Point(16,16)
            , new google.maps.Size(32,32)
            )
                                , title:"Kunde"
                , zIndex: 1            });
    gmap1_markers.push(gmap1_0_marker);
                    var gmap1_0_infowindow = new google.maps.InfoWindow({
        position: new google.maps.LatLng(51.334528,12.384568),
                content: '<div><div class="routinglink"><a href="https://www.google.com/maps/preview?saddr=&daddr=51.334528%2C12.384568&ie=UTF8&hl=de" onclick="window.open(this.href); return false;">Routenplanung</a>&nbsp;von&nbsp;Ihrer&nbsp;Adresse:<br><form action="https://maps.google.com/maps" method="get" target="_new"><input type="hidden" name="daddr" value="51.334528,12.384568"><input type="hidden" name="ie" value="UTF8"><input type="hidden" name="hl" value="de"><input type="text" class="text" name="saddr" /><input type="submit" class="submit" value="ok" /></form></div></div>'
        });
        google.maps.event.addListener(gmap1_0_marker, 'click', function() {
        gmap1_0_infowindow.open(gmap1);
        });
                var gmap1_1_marker = new google.maps.Marker({
    position: new google.maps.LatLng(51.334528,12.384568)
    , map: gmap1                , title:"Test"
                , zIndex: 1            });
    gmap1_markers.push(gmap1_1_marker);
    
	if(window.gmap1_dynmap){
		gmap1_dynmap(gmap1);
	}

    
    }

if(window.addEvent) {
    window.addEvent('domready', function() {
        gmap1_initialize();
    });
} else if(typeof jQuery == "function") {
    jQuery(document).ready(function(){
        gmap1_initialize();
    });
} else {
    window.setTimeout("gmap1_initialize()", 500);
}

</script>

</div>
<!-- indexer::continue -->
  
</div>
            </div>
          </header>
              
      
              <div id="container">

                      <div id="main">
              <div class="inside">
                              </div>
                          </div>
          
                                

                                
        </div>
      
      
                        <footer id="footer">
            <div class="inside">
              
<div class="footercontainer bangb4"><div class="container"><div class="row">
<div class="ce_text col-md-3 contactinfos block">

  
  
      ...
</div>

<div class="ce_text col-md-3 contactinfos block">

  
  
      ...
  

</div>

<div class="ce_text col-md-3 contactinfos block">

  
  
      ...
  

</div>

<div class="ce_text col-md-3 contactinfos block">

  
  
      ...

</div>

</div>
<div class="scrolltop"> <a href="kontakt.html#top">nach oben</a> </div></div></div>            </div>
          </footer>
              
    </div>

      
  
<script>setTimeout(function(){var e=function(e,t){try{var n=new XMLHttpRequest}catch(r){return}n.open("GET",e,!0),n.onreadystatechange=function(){this.readyState==4&&this.status==200&&typeof t=="function"&&t(this.responseText)},n.send()},t="system/cron/cron.";e(t+"txt",function(n){parseInt(n||0)<Math.round(+(new Date)/1e3)-86400&&e(t+"php")})},5e3);</script>

<script src="files/562-Startup/js/uniquebase.js"></script>
<script src="files/562-Startup/js/mobilenav.js"></script>
<script src="files/562-Startup/js/bootstrap.min.js"></script>
<script type="text/javascript" src="files/562-Startup/js/our.js"></script>

</body>
</html>

PHP-Code:


Console

GET http://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=27.12&action=apiboot2&e=10_1_0,10_2_0&rt=main.12 net::ERR_BLOCKED_BY_CLIENT   csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=27.12&action=apiboot2&e=10_1_0,10_2_0&rt=main.12:1 

GET http://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=27.12&action=apiboot2&e=10_1_0,10_2_0&rt=firstmap.86 net::ERR_BLOCKED_BY_CLIENT  csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=27.12&action=apiboot2&e=10_1_0,10_2_0&rt=firstmap.86:1 

GET http://maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=host…sp:NaNxNaN,size:1903x592,relsize:0.60,token:8fg01x0gu4,src:apiv3,ts:4fd8kt net::ERR_BLOCKED_BY_CLIENT   maps.googleapis.com/maps/gen_204?target=api&ev=api_viewport&cad=host:previe…:NaNxNaN,size:1903x592,relsize:0.60,token:8fg01x0gu4,src:apiv3,ts:4fd8kt:1

**planepix** · 13.02.2017, 19:04

Sowas habe ich dann wenn ich einen AdBlocker aktiviert habe. Kann es das auch bei dir sein?

***lucina*** · 13.02.2017, 19:05

Magst Du mal bitte für Testzwecke Dein Kaspersky abschalten? Kannst Du dann die Map laden?

**Spooky** · 13.02.2017, 19:16

Zitat von contaouser1

Technisch gerade schwer.

Warum?

Ist das tatsächlich der gesamte HTML Output? Es fehlt zB der <base href>.

Verwendest du die neueste dlh_googlemaps Version?

**contaouser1** · 14.02.2017, 07:53

Danke für eure Antworten

Zitat von planepix

Sowas habe ich dann wenn ich einen AdBlocker aktiviert habe. Kann es das auch bei dir sein?

uBlock hat ERR_BLOCKED_BY_CLIENT ausgelöst, ist jetzt deaktiviert. Danke für den Hinweis.

Die Fehlermeldung sind jetzt Weg, die Map wird aber immer noch nicht angezeigt. Es ist lediglich eine graue Fläche zu sehen.

Zitat von lucina

Magst Du mal bitte für Testzwecke Dein Kaspersky abschalten? Kannst Du dann die Map laden?

Habe ich gemacht, hat nichts geändert. Wie schon geschrieben, uBlock hat die Fehler verursacht.

Zitat von Spooky

Warum?

Ist das tatsächlich der gesamte HTML Output? Es fehlt zB der <base href>.

Verwendest du die neueste dlh_googlemaps Version?

Kundenwunsch, deshalb ist es nicht möglich.

Es ist der gesamte Output, ich habe lediglich Hinweise auf die URL (dazu gehört auch das base Tag) bzw. Plain Text entfernt und durch "..." ersetzt.

Es sind jeweils die aktuellsten Version installiert, siehe erster Post.

Habt ihr eine Idee weshalb nur eine graue Fläche angezeigt wird?

**Spooky** · 14.02.2017, 08:04

Zitat von contaouser1

Habt ihr eine Idee weshalb nur eine graue Fläche angezeigt wird?

Was steht in der JavaScript Konsole?

Hast du evt. folgendes CSS irgendwo:

Code:

img {
    max-width: 100%;
}

**contaouser1** · 14.02.2017, 08:25

Zitat von Spooky

Was steht in der JavaScript Konsole?

Hast du evt. folgendes CSS irgendwo:

Code:

img {
    max-width: 100%;
}

In der Console wird nichts angezeigt

Code:

img {
    max-width: 100%;
}

War drin, ist jetzt raus, ändert aber nichts.

**Spooky** · 14.02.2017, 08:49

Der von mir erwähnte Style verursacht auf jeden Fall das von dir beschriebene Problem. Stelle sicher, dass dieser Style tatsächlich nicht mehr vorhanden ist.

Poste einen Link zur Seite, wenn du möchtest dass wir das stattdessen überprüfen.