Hi I am having some problems with my javascript not working in IE. That being said I have been looking through older post such as these.
google-maps-javascript-api-error-in-internet-explorer
google-maps-api-marker-images-not-showing-in-internet-explorer
I still cant figure out what the problem is. When I debug I end up in the minifed google api code and have no idea what is going on (Similar to this post google-maps-javascript-api-error-in-internet-explorer ) . One thing that I can tell is that as I step over the errors the polygons start to to be drawn in the order that they are ( order is at the bottom of windData.js. I think the problem might have to do with the way I have windData.js setup.
I dont think the problem is with a global variable map since when you enter a address and click search it re-centers the map on that location, but then the marker is not drawn and the infowindow does not appear.
One CSS note that I saw was that the search button, and nav bar dont seem to be lining up correctly. More specifically the Nav bar doesnt line up in IE. The Search bar doesnt line up in Firefox.
For all my testing I have been using Internet Explorer 9, Firefox 7.0.1 and Chrome 15.0.874.120 m.
Thanks in advance for your help. Additionally I am new to all this and any recommendations you have on how I should do thing would be greatly appreciated thanks.
One obvious problem is this sort of thing:
paths: [
new google.maps.LatLng(27.32074511436256,-99.53600600398401),
new google.maps.LatLng(27.30459798514129,-99.5366568769641),
...
new google.maps.LatLng(27.32074511436256,-99.53600600398401),
],
The comma after the last LatLng, before the closing ] will cause errors in Internet Explorer. I think all your paths arrays leave that comma in.
Related
im using Openlayers 3 for a while, and i keep this problem.
When im using Chrome, and open the developer tools or closing it, my OpenLayers Map moves such a bit, the same goes when i download something. Of course this does not make bigger problems, but one of the functions in my map is to make zoom by bounce, and if the map is moved like i said the bounce does not go to the right place, it goes a little close.
This is an image before opening the developers tool:
before opening
And this is an image after opening the developers tool:
after opening
Hope someone can help, if need more details just tell.
Thanks!
Trying to find a way without zooming in real close to tell Google or Bing maps to show all cities. Bing does a good job for the most part but still when you zoom in it shows a whole different set of cities.
I have a large monitor this map is going to be sitting on and really need it to show more than just the cities it shows on for example zoom level 8 or 9 on Google. Right now I load in roughly 2900 different locations and mark them on the map so I am trying to do it via the API no just going to maps.google.com
Has anyone come up against this issue and found a fix? Did some searching here as well on Google and maybe looking it up wrong but haven't found anyone looking for something like this.
Hi you can do that by using the Image Map Type API by implementing the mapType interface. Please refer to this link and implement the code in the way given in the example, replacing details with your specifications.
Hope this will help!!
I couldnt find either enough information to get "mapType" to work how I was wanting or it just doesnt do it. The goal was to be at lets say a zoom level of 8 and see every city in the US. I couldnt get any of the suggestions to do that.
Here is what I found that allowed me to do it my self though:
http://google-maps-utility-library-v3.googlecode.com/
Basically I put in a transparent marker so it didnt show up then put info boxes with the names. This actually worked really well for me because I can zoom out 100% and still see all the names. Although at that level they would be overlapping being able to zoom in and out a few ticks and still see everything is great.
So I have a Ruby on Rails app that uses Leaflet JS to display a rather large map file overlaid with various layers of boxes, markers, paths, etc. However, if I load the map through IE 11, once I change zoom levels from the initial value everything is removed, the map stops loading, and I can no longer change zoom levels. I do not believe it is a problem with my code for several reasons, mainly the facts that:
Everything works in Firefox and Chrome
Map works on IE version 9
Code produces no error messages in console or anywhere else
So I have to admit I'm at a near-complete loss as to the cause of this error. I've pulled the latest stable leaflet release but it didn't change anything. I'm hoping someone has a suggestion that might help out.
I'm using Google Maps Javascript API V3.
Everything works fine on chrome.
http://imgur.com/pOn42pR
But we get a fish-eye effect on Firefox.
http://imgur.com/lOi3vY7
It looks like they're using a totally different projection on each browser.
But the weird thing is that it works fine again on Firefox when I'm not using the API but the Google Maps directly.
Could someone deal with this problem?
Thanks! #try-catch-finally
The images are from the gogole maps api. A screenshot of two different browsers. The one of chrome is using sphere 3D effect, but the firefox one looks like a big flat image.
Okay, I think I just find a way to force the API to use the same way on both Chrome and Firefox.
And as #MrUpsidown said, I left my answer there.
But there's some problems need to be solved.
Hope you guys could move to that question and find a way out together.
I'll make this one to be closed someday.
Thanks!
I've created a map page using OpenLayers. The user can select a specific thematic overlay (noise levels) by period, noise source and year.
I wanted to allow the user to choose a base (or background) layer: one of two (public) OpenStreetMap layers, the Google base layers, or one of Yahoo! Maps’ layers.
I originally wanted to provide Bing maps (Virtual Earth) as well, but since those use a different projection, I can’t use them in combination with my overlays (custom-served tiles).
It all works fine in almost all browsers: Firefox, Chrome, Safari, and Opera (if you don’t click too much). But when using Internet Explorer (versions 7 and 8), selecting one of the Google Maps layers results in a blank background.
I’ve tested with Fiddler, and the tiles aren’t even retrieved.
I’m running into a wall here.
Has anybody run into this problem before (and preferably: solved it)? Or does someone have an idea what could be going wrong?
Edit: The site is located at http://software.dgmr.nl/geluidskaart/.
See #7 of this issue, it seems to fix the problem.
Not sure, if it is directly related to your issue though.
Try removing "blank.gif" from the dark theme image folder.
It also made it work in IE.
I have had an issue before with Google base layers when using an overview window, and a mix of Yahoo and Google layers.
Try removing the Yahoo layers to see if this is the issue (or the overview map).
I believe there could be a clash of variable names with this combination of JavaScript libraries.
There is an error reported in IE in the ymapapi file:
this.MP is null or not an object
Edit: There is a problem with your CSS. The Google layer / images are loading without problems, but you have a "background: url(http://js.mapbox.com/theme/dark/blank.gif);" attribute on your Google layer. I removed this and the Google maps were displayed without problems.
This appears in your OpenLayers.Layer.Google_95_EventPane DIV.