Move the Google Maps logo above the user interface below. Javascript

I want to display some translucent interface at the bottom of Google maps, so I need to move the Google logo without breaking the terms of service. In google android setPadding() I saw setPadding() just for that purpose, but I can't find anything similar for google maps javascript web APIs.
So how can I achieve this?

Not a duplicate: this question is about moving the logo from the map area. There are already some means to move inside the map in the Android API, so I want to know how to do this in JS. If he is.

Update: Well, it seems that I somehow did not quite understand. The Android API has an official tool for changing the placement of the logo. Refer to official docs

Subject to the Google Maps API API Terms of Service, your application must not remove or obscure the Google logo or copyright notices. Overlaying maps allows you to move these elements if necessary. If you display the user interface at the bottom of the map, add an addition to the bottom of the map so that the logo and legal notices are always visible.

Please do not underline that I cannot move the logo ANY way. This is a false assumption.

+6
source share
1 answer

From Can I overlay the Google logo on the map or move it in the upper right corner? Tuxzone's custom answer helps me.

  var css = document.createElement("style"); css.type = "text/css"; css.innerHTML = "#map"+" div div a[target='_blank'] div{marginbottom:50px;} "; document.head.appendChild(css); map = new google.maps.Map(document.getElementById("map"), mapOptions); 

enter image description here

+1
source

All Articles