How do I make google maps mobile friendly?

JavaScript
1

I am trying to implement a google map into my website, and i got it to work on desktop, but when its on mobile it still acts the same, when I would like clicking it to just open it in either their map program or another tab.

Code:

<div id="googleMap" style="width:100%;height:400px;"></div>

<script type="text/javascript">
		
		function myMap() {
var mapProp= {
    center:new google.maps.LatLng(36.516695, -105.570775),
    zoom:18,
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
	</script>
	
	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAozfHF_jXCzShL9xHGSfM9gaAm5zWJa74&callback=myMap"></script>
2

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.