Zoom Control and Streetview Not Showing on My Google Map

Zoom control and streetview not showing on my Google map?

That is definitely a CSS issue that you have with your code. Look for CSS that is applying to all images like:

img {
  max-width: 100%;
}

Google Maps Api not showing icons for zoom buttons, streetview, or fullscreen?

You need to update your version to the below

 <script src="https://maps.googleapis.com/maps/api/js?v=quarterly&key=YOUR_API_KEY&callback=initMap"></script>     

Google Maps zoom control is messed up

Your CSS messed it up. Remove max-width: 100%; in line 814 and zoom controls will look fine again. To avoid such bugs use more specific selectors in your CSS.

Google map zoom control squished

Found : Zoom control and streetview not showing on my Google map?

and : Google Maps API V3 : weird UI display glitches (with screenshot)

In short, add this to your CSS file (updating the ID as necessary):

#map-canvas img { 
  max-width: none; 
  max-height: none;
}

---

Related Topics