I'm using the Google Earth Plugin with the sky map data and I've found a part of the sky that seems to have a glitch. The attached jsfiddle shows the placemark I create and nearby celestial objects as it's flying in, but past a certain point, they all disappear. If you zoom out enough, it comes back, but I can't get zoom in enough.
If I change the star coordinates to something else (e.g. {lat: -4.14463888888889, lng: -74.877625}), it works just fine. Try it out:
http://jsfiddle.net/D9Ade/6/
I updated my Google Earth plugin from 7.0.3.8542 to 7.1.1.1580 and it started working!
Related
I'm trying to set scrolling to false on a Google Map, using Google Maps API. I have an Apple Magic Mouse which I think is causing a problem with the expected behavior.
Below is how I initialize the map, even though scrollWheel is set to false it still scrolls when I scroll down the page. This is an unwanted effect because the map is displayed at the upper half of the screen and there's content below the map as well. I'm trying to avoid map scrolling and turning users crazy when the cursor hits the map canvas.
var map = new google.maps.Map(document.getElementById('canvas'), {
mapTypeId: mapTypeId,
mapTypeControl: false,
scrollWheel: false,
center: {lat: 52, lng: 6},
zoom: 4
});
When I try console.log(map.get('scrollWheel')); it returns, as expected, false.
Any suggestions on this?
At first, there are 2 ways to disable Google Maps scroll:
Using Google Maps Embed API.
You cannot disable scrolling: disabling "mousewheel" event using jQuery since it does not work within the iframe. You need to set pointer-events: none on the iframe and pointer-events: auto when clicking on an overlay.
Refer to Disable mouse scroll wheel zoom on embedded Google Maps and Prevent a Google Maps iframe from capturing the mouse's scrolling wheel behavior for more specific explanation.
Using Google Maps Javascript API.
new google.maps.Map(document.getElementById('map'), options);
You can use scrollwheel: false and draggable: false.
But If those ways doesn't solve your issue, it seems the problem is about Apple’s magic mouse zoom size. Refer to issues with Apple trackpad (Magic Mouse).
I have a map with KML layers on it with 3 countries - http://learn.javascript.ru/play/XfYicc
Everything works perfect except zooming - any value I enter - nothing change, e.g.:
zoom: 11,
If I remove KML all works perfect.
Any chance for me to reduce current zoom with KML layer on?
I'm trying to display property boundaries on top of a Google Map by using KineticJS and a Google Maps OverviewLayer.
It works great (1000 parcels being shown at a time. Much faster than Google.Maps.Polygon())
When I drag the Google Map down, then zoom in/out, the top shapes get cut off and don't re-draw when I zoom back out.
I'm guessing its a setX, setY thing but I don't understand the underlying concepts enough.
Any help would be appreciated.
Here is my app:
KineticJS and Google Maps OverlayView test site
I added a light-green background to the KineticJS canvas to see what it happening when you zoom in.
The canvas seems to stay locked in place and the same width/height but when you zoom in I'm guessing the canvas should grow proportionally.
I can't figure out how to do that though....
Any help would be appreciated!
I'm usually pretty handy with the google maps API, but I'm stumped on this problem. Does anybody know of a way to get the exact latlng of the pegman before you have dropped him (the red circle in the picture below).
I want to know because I want to change the heading of the panorama that will open to be at the point where the pegman was dropped so the view will be "looking at" the area the pegman was dropped.
I'm having a tough time changing the zoom method of my OpenLayers map. If you were to go to Google Maps right now and double click on London on the map to zoom, the mouse cursor is pointing at London after the zoom operation has completed. In OpenLayers, if I double click on London, my mouse cursor is nowhere near London because the map now has London in the centre of the viewport. Is there an easy way of accomplishing this? Thanks!
Without seeing your code I'll make an assumption that you are using OpenLayers.Control.MouseDefaults for navigation and it works the way you described(I think it will be deprecated in coming versions). To have Google Maps-like zoom in functionality you should use OpenLayers.Control.Navigation control.