wp geo-mashup удалить margin from googlev3 infowindow

Question

Мне нужно удалить правое и нижнее поле из googlemap infowindow на моей карте плагина Geo-mashup wp.

Я установил админ аддонов плагина geo-mashup, создал файл с именем custom-googlev3.js и вставил следующий код.

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

    }); 
}); 

Я нашел код выше от руководства здесь: http://en.marnoto.com/2014/09/5-formas-de-personalizar-infowindow.html но я не могу использовать код он обеспечивает в geomashp. Я попытался реализовать fiddling с решением из других сообщений, которые я нашел, но не работал.

Любая помощь действительно ценится.

Answer 1

Вместо того, чтобы использовать Geo Mashup, вы можете вручную вставить карту в столбец HTML в редакторе HTML/страницы.

Для этого:

1. Получить ключ API от https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend&keyType=CLIENT_SIDE&reusekey=true.
2. Создать iframe в https://developers.google.com/maps/documentation/embed/start
3. Теперь переходим к HTML-редактор на странице/сообщение вы хотели добавить карту в.
4. Вставьте iframe туда.
5. На странице вы должны получить карту того, что вы хотели.

EDIT

Если вы хотите, чтобы избавиться от теней/линий, вы можете редактировать CSS или HTML вручную.