Answers for "add maps to html"

0

add map in html

#https://google-map-generator.com/

<div class="mapouter"><div class="gmap_canvas"><iframe width="812" height="532" id="gmap_canvas" src="https://maps.google.com/maps?q=colombo&t=k&z=15&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://fmovies-online.net">fmovies</a><br><style>.mapouter{position:relative;text-align:right;height:532px;width:812px;}</style><a href="https://www.embedgooglemap.net">embed code for google map</a><style>.gmap_canvas {overflow:hidden;background:none!important;height:532px;width:812px;}</style></div></div>
Posted by: Guest on April-23-2022
0

how to add google map in html

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

<script>
function myMap() {
var mapProp= {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:5,
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Posted by: Guest on February-19-2022

Browse Popular Code Answers by Language