This problem is usually due to the map div not being rendered before the javascript runs that needs to access it. You should put your initialization code inside an onload function or at the bottom of your HTML file, just before the tag, so the DOM is completely rendered before it executes (note that the … Read more
Better way to restrict zoom level might be to use the minZoom/maxZoom options rather than reacting to events? var opt = { minZoom: 6, maxZoom: 9 }; map.setOptions(opt); Or the options can be specified during map initialization, e.g.: var map = new google.maps.Map(document.getElementById(‘map-canvas’), opt); See: Google Maps JavaScript API V3 Reference
These are 2 different ways, you may try: You can use Google Maps Reverse Geocoding . In result set you can determine whether it is water by checking types. In waters case the type is natural_feature. See more at this link http://code.google.com/apis/maps/documentation/geocoding/#Types. Also you need to check the names of features, if they contain Sea, … Read more
Nothing like these two lines appears in Mike Williams’ tutorial: wait = true; setTimeout(“wait = true”, 2000); Here’s a Version 3 port: http://acleach.me.uk/gmaps/v3/plotaddresses.htm The relevant bit of code is // ====== Geocoding ====== function getAddress(search, next) { geo.geocode({address:search}, function (results,status) { // If that was successful if (status == google.maps.GeocoderStatus.OK) { // Lets assume that … Read more
If you want to calculate it yourself, then you can use the Haversine formula: var rad = function(x) { return x * Math.PI / 180; }; var getDistance = function(p1, p2) { var R = 6378137; // Earth’s mean radius in meter var dLat = rad(p2.lat() – p1.lat()); var dLong = rad(p2.lng() – p1.lng()); var … Read more
This is the simplest I could reduce it to: <!DOCTYPE html> <html> <head> <meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ /> <title>Google Maps Multiple Markers</title> <script src=”http://maps.google.com/maps/api/js?key=YOUR_API_KEY” type=”text/javascript”></script> </head> <body> <div id=”map” style=”width: 500px; height: 400px;”></div> <script type=”text/javascript”> var locations = [ [‘Bondi Beach’, -33.890542, 151.274856, 4], [‘Coogee Beach’, -33.923036, 151.259052, 5], [‘Cronulla Beach’, -34.028249, 151.157507, 3], [‘Manly … Read more
You can use DomParser to read KML by your code. Please have a look https://stackoverflow.com/a/53183890/2360310.
I guess, you want the point you are looking at your sphere (probably with earth texture) to be shown on google maps google which requires latitude and longitude. Using 2D screen coordinates seems a weird method to me. Your camera is probably around the sphere which is at the center of the coordinate system. I … Read more