2016-05-25 1 views
2

Ich muss den rechten und unteren Rand von googlemap infowindow auf meiner Geo-Mashup wp-Plugin-Karte entfernen.wp geo-mashup entfernen margin von googlev3 infowindow

Ich habe das Geo-Mashup-benutzerdefinierte Plugin-Addon installiert, eine Datei namens custom-googlev3.js erstellt und den folgenden Code eingefügt.

GeoMashup.addAction('loadedMap', function (properties, map) { 

google.maps.Event.addListener(infowindow, 'domready', function() { 

    /* The DIV we want to change is above the .gm-style-iw DIV. 
    * target the div through .gm-style-iw and .prev(). 
    */ 
    var iwBackground = jQuery('.gm-style-iw').prev(); 

    // Remove the background shadow DIV 
    iwBackground.children(':nth-child(2)').css({'display' : 'none'}); 

    // Remove the white background DIV 
    iwBackground.children(':nth-child(4)').css({'display' : 'none'}); 

    }); 
}); 

fand ich den obigen Code aus einer Führung hier: http://en.marnoto.com/2014/09/5-formas-de-personalizar-infowindow.html aber ich bin nicht in der Lage, den Code bietet es in geomashp zu verwenden. Ich habe versucht, mit der Lösung von anderen Posts zu fiedeln, die ich gefunden habe, aber es funktioniert nicht.

Jede Hilfe wirklich geschätzt.

Antwort

0

Anstatt Geo-Mashup zu verwenden, möchten Sie die Karte möglicherweise manuell in die HTML-Spalte im HTML-Editor für Seite/Post einbetten.

dies zu tun:

  1. einen API-Schlüssel von https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend&keyType=CLIENT_SIDE&reusekey=true Get.
  2. Neues iframe bei https://developers.google.com/maps/documentation/embed/start
  3. Nun zum HTML-Editor auf der Seite/Post gehen Sie die Karte hinzufügen wollten.
  4. Fügen Sie die iframe dort ein.
  5. Auf der Seite sollten Sie eine Karte von dem bekommen, was Sie wollten.

EDIT

Wenn Sie den Schatten/Linien loswerden wollen, möchten Sie vielleicht manuell die CSS oder HTML bearbeiten.

+0

Wenn dies jedoch nicht funktioniert, müssen Sie das CSS Ihres WP-Themes bearbeiten. –

+0

Ich verwende Geo-Mashup, weil ich die Funktionen brauche, um bestimmte Beiträge und Benutzer auf der Karte anzuzeigen. Für dieses Geo Mashup ist das perfekte Plugin, ich muss nur diese Ränder entfernen und suche nach einer Lösung, um das zu tun. danke für den Rat tho. – bax

+0

Versuchen Sie, das CSS dann zu bearbeiten. –