Menu
I am attempting to create a Google map of my company location. I used the link button on the Google maps page. Everything's fine, but when I shrink the map to 200 x 200 all the maps controls take over the map and blocks the view from the map. Is there a way to get ride of them? All I want is the pin and the zoom in and out button. Thank you.
<iframe width="200" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=244+5th+Avenue,+New+York,+NY&aq=t&sll=37.0625,-95.677068&sspn=48.956293,107.138672&ie=UTF8&hq=&hnear=244+5th+Ave,+New+York,+10016&ll=40.744556,-73.987378&spn=0.005763,0.013078&t=m&z=14&output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=244+5th+Avenue,+New+York,+NY&aq=t&sll=37.0625,-95.677068&sspn=48.956293,107.138672&ie=UTF8&hq=&hnear=244+5th+Ave,+New+York,+10016&ll=40.744556,-73.987378&spn=0.005763,0.013078&t=m&z=14" style="color:#0000FF;text-align:left">View Larger Map</a></small>
496
Reset only the maps/route/navigation app Access Settings in your Android smartphone or tablet. Choose Apps. In the list of apps choose the app used by default to access maps/routes/navigation (Maps for GoogleMaps, or Waze). Choose the Launch by default function.
They announced it in the Google Maps Help forum saying: We've heard your feedback that that you'd like to be able to see the entire map by hiding the search box and side panel. To hide the panel, go to the right of the panel and click the arrow.
> You should be able to set streetViewControl:false inhttp://code.google.com/apis/maps/documentation/javascript/reference.h... > > streetview pegman on my map. > > pegman too.
To customize the interface, I believe you have to delve into the Google Maps API.
Using the Google Maps API, you can set disableDefaultUI to true.
HTML File:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="map.js"></script>
</head>
<body>
<div id="map" style="width:200px; height:200px;" />
</body>
</html>
JavaScript file:
window.onload = function() {
var myOptions = {
center: new google.maps.LatLng(40.744556,-73.987378),
zoom: 18,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
}
I don't believe it is possible to hide controls when embedding the map. You will need to create a map in javascript by using Google Maps API - in lines of the following:
var mapContainer = document.getElementById('mapContainer');
var mapOptions = {
panControl: false,
zoomControl: false,
scaleControl: false,
};
var map = new google.maps.Map(mapContainer, mapOptions);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
