I'm currently facing an issue with a code that is supposed to draw polygons from an array in the Google Maps API, but unfortunately, it doesn't seem to be working as expected.
<!DOCTYPE html>
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
function drawPoly(multipolygonWKT) {
// Code goes here...
}
$(document).ready(function () {
var map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(24.886436490787712, 70.2685546875),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
// More code here...
});
</script>
</head>
<body>
<div style="height:1000px;width:1200px;" id="map"></div>
</body>
</html>
Although this code seems to work with certain latitude and longitude values as shown here, unfortunately, it does not provide the desired outcome with my specific lat lon coordinates.