Jquery :: Google Maps API Page Showing Error With IE6 / 7

Oct 22, 2009

I have a problem with javascript in IE6/IE7, or specifically with jQuery. There is a page that uses the google maps API which shows an error when you navigate to the website and the page remains blank. When I press refresh I get no error and the page loads as it's supposed to (this happens only ie IE6, IE7/8 appear to work fine). The same thing happens with tinymce and the jquery.tinymce.js plugin, which gives an error in IE6/7 but not in IE8. I can't post the URL since it's a password protected "under construction" website. The error for the Google Maps Api I get in IE6 is

Code:
Line: 215
Char: 26
Error: 'firstChild' is null or not an object
Code: 0
URL: -- left out --
And the error for TinyMCE in IE7 starts with

Code:
Line: 53
Char: 3
Error: Permission denied
Code: 0
URL: --left out--
And then when I press "yes" for "Do you want to continue running scripts on this page?" I get

Code:
Line: 19
Char: 7
Error: 'tinymce' is undefined
Code: 0
URL: --left out--

The google maps api page uses $(document).ready( fn ), while TinyMCE uses window.onload. And, as one would expect, in FF, Opera and Chrome all works fine.

View 1 Replies


ADVERTISEMENT

JQuery :: GoMap() Plugin For Google Maps - Use Of Several Maps On One Page Is Not Possible

Jan 5, 2011

I want to have several maps on my aspx/ascx-Webpage, but only the last one is rendered after PageLoad(). Is there any limitation for that in the goMap() plugin?

View 1 Replies View Related

Markers Not Showing On Google Maps

Oct 25, 2011

I have an array of latitude/longitude data. I need to make a marker appear on the map for each lat/lng pair. But it won't. If I ask the function to print out the coordinates instead of marking them on the, map, it works fine. I don't get an error message either way, so I'm stuck. The page displays the map but without any markers. Here's the code of the function that should add markers:

//adds markers to the map
function addMarkers(locarray) {
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locarray.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locarray[i][0], locarray[i][1]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent('some words');
infowindow.open(map, marker);
}})(marker, i));
}}

Here's the initialize function (called on body load):
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = codeAddress("<?php echo $_POST['postal']; ?>");
var myOptions = {
zoom: 11,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
} map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}

Geocoder and map are declared as global variables. The codeAddress function returns lat and lng of the place I want to center the map around, it's been tested and works perfectly. And here is the script that declares the array and calls the addMarkers function:
<script type='text/javascript'>
var locations = [
[-33.890542, 151.274856],
[-33.923036, 151.259052],
[-34.028249, 151.157507],
];
addMarkers(locations)
</script>

View 1 Replies View Related

Google Maps Custom Marker Not Showing?

May 21, 2010

how can I get my custom markers to show? I have got my code in place, everything works except, doesn't show my custom marker?!

here is my code:
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
// A function to create the marker and set up the event window
// Dont try to unroll this function. It has to be here for the

[Code]...

View 1 Replies View Related

Google Maps API - Showing Multiple Addresses?

Nov 25, 2009

I need a hand with my google maps code Basically what I want to do is display multiple addresses on a single map. I've got that part to work but I need to set-up the bounds and zoom so it zooms out/in and shows all the addresses in the map window...

My problem is after I run the setMapMarker() function in the load() function, I need to pull out the latitude and longitude from the geocoder that is run in the setMapMarker() function... however I can't seem to get it to return those details because the coordinates are pulled in the geocoder function.

[Code]...

View 3 Replies View Related

Google Maps - GLatLng Is Undefined - Error

Mar 18, 2010

Im doing some stuff in the code behind page and then putting that data into javascript respectively. This javascript is then connected to the asp.net page with a literal control. I.E.

Why do I get an error "GlatLng is undifined"? When i put this javascript part of the code just plainly in my asp.net page it gives no errors...

View 2 Replies View Related

Google Maps Adding A Second Google Map To A Page

Apr 7, 2011

I'm not sure where I have translated this incorrectly. I have one google map embedded on my page which works fine. But I wanted to add a second one. I thought the easiest way to do this would be to have a second page which is called later on with all the details on it for the second map. However although I think (this I presume is where I went wrong) I have replicated the instructions correctly the place holder for the second map just remains blank.

This is the code for my called page with the instructions for the second map:

And this is the script of the main page, just in case I would be better off keeping them both in one place.

<head>

I've cut out the script that doesn't relate to this so I hope I haven't missed anything important.

View 1 Replies View Related

Trying To Load 2 Google Maps On Same Page

Jun 16, 2010

[URL]. In the BODY tag, I have mapload(); then I tried to do maploadOther, but it's not working. Not sure what the proper syntax would be.

View 1 Replies View Related

Go To Google Maps Location On Page Load?

Aug 25, 2009

I'm new to this forum and JS. I simply want to be able to use the Google Maps API v3 to allow a location value entered in my app (by the user) to show that location via Google maps.The code below accomplishes this via an onClick event. How to accomplish the same WITHOUT an onClick? To be clear, it appears I need to be able to perform the geocode lookup to get the long/lat coordinates and then apply them. That all needs to occur on page load.

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

[code]....

View 5 Replies View Related

Multiple Google Maps On One Page With Advanced Directions

Sep 22, 2010

I am trying to load multiple google maps with advanced directions on one page. I can't seem to get it to work. Any way to run the same multiple times on one page? Here is the code below. The first map and set of directions works, but not the second.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html xmlns="[URL]" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example: Advanced Directions</title>
<script src=" [URL] "
type="text/javascript"></script>
<style type="text/css">
body {
font-family: Verdana, Arial, sans serif;
font-size: 11px;
margin: 2px;
} table.directions th {
background-color:#EEEEEE;
} img {
color: #000000;
} .....

View 1 Replies View Related

Create Multiple Google Maps On One Page With Advanced Directions?

Sep 22, 2010

I am trying to create multiple google maps with multiple directions that load on one page. I have tried duplicating the var and function names but I haven't been able to get it to work.code...

View 1 Replies View Related

Using Google Maps For Land Use Maps

Dec 31, 2010

I'm developing a land use map and want to use Google Maps. Just want to ask if the Javascript API could actually handle overlays like this sample: URl...Or you would suggest other ways to do this?

View 2 Replies View Related

Showing Error In Home Page In IE7 - 8 But Not In FF

Nov 20, 2009

I have a javascript error in my home page. Which is annoying. I am having hard time debugging it. [URL] FF is not showing it. IE7, 8 shows the error. I just launched the website and I do not want users noticing an error.

View 4 Replies View Related

JQuery :: Google Maps Style Draggable Div?

Oct 10, 2011

I am a total newbie and am trying to get a google maps type draggable div working for this site www.bingbangbosh.ie. Wondering is it possible to have the div set to a certain width, then when dragged the larger image within the div is dragged around until the cursor meets the edge of the div. would it also be possible to contain this draggable div to a larger div so that it would not be possible for it to disappear off the visible 'window'.[URL]..

View 3 Replies View Related

JQuery :: Show Google Maps With Its Popup Box?

Jan 6, 2011

I want to inject particular data from a webservice into a popup (not the default popups).

So, is there a way to show a Lightbox (or Fancybox) popup when clicking a Google maps marker ?

View 2 Replies View Related

JQuery :: Adding Markers To A Map Using The Google Maps API?

Feb 21, 2010

Notice: This is a discussion thread for comments about the SitePoint article, Adding Markers to a Map Using the Google Maps API and jQuery.

I just got a little lost as to where the #showmarkers button comes from?

View 7 Replies View Related

Error - Page Not Showing In Safari Nor Chrome

Aug 1, 2011

Its showing perfectly in FF but its not displaying the main content on chrome nor safari.

im not a developer but i enjoy the time i spend figuring out this kinda stuff.

View 2 Replies View Related

JQuery :: Integrating Google Maps API Into App - Event Bubbling

Jan 9, 2012

I'm in the process of integrating the google maps api into my application. Unfortunately, my events seem to be bubbling. If I open the google maps info window 3 times and click the next button respectively, on the forth time when I click the next button the next event will fire four times. How do I stop this?

$("#google_map_canvas").on("click", "#next", function() {
var toHighlight = $('.first').next().length > 0 ?
$('.first').next() : $('#infoWin li').first();
$(this).fadeOut(100);
$('.first').fadeOut(100);
$('.first').delay(100).removeClass('first');
toHighlight.delay(100).addClass('first');
$('.first').delay(100).fadeIn(100);
$(this).delay(100).fadeIn(100);
});

View 7 Replies View Related

JQuery :: Point Of Loading The Google Maps Api File?

Apr 28, 2009

Point of loading the google maps api file?

[Code]...

View 1 Replies View Related

JQuery :: Using Pretty Photo Lightbox With Google Maps API

Oct 19, 2011

I'm using the pretty photo lightbox with the google maps api to load a map into a lightbox window when a link is clicked. There is a basicfunctional example here which is sort of working(click the link x 2 when you get on page): [URL]. I've taken the functionality from a tutorial by the creator of the plugin, and now want to extend it so that i can have multiple links on the same page, that open a different map according to the data attributes for the a tag.

I have this functionality working, to a degree, except that the callback function that initialises the map only fires on the second click of the link, it will not fire on the first clickevent - I've tried debugging in firebug - the click event is registered each time no problem, but the changepicturecallback function provided by prettyPhoto doesnt fire on the first click.

View 2 Replies View Related

JQuery :: While Loop And Google Maps - Loaded In Several Markers Via Xml

Mar 29, 2011

I'm working on this project for university.I have loaded in several markers via xml and pushed their latlng into an array.

I have created an html link that on click should run through the marker lat lng array and pan the map to the next location in the array.

Problem is that the map just pans to the last entry in the array because it runs through the loop before the animation has played

Here is the working example[url] contains all code we are troubleshooting.

something like this is require but i'm new to jquery and not sure of the syntax. maybe i need some kind of event listener in there too?

View 1 Replies View Related

JQuery :: Setting Custom Markers With Google Maps API?

Apr 14, 2010

I have a few questions:

1. In the current script, the markers are set to be random within a radius. What would be an easy way to switch from that to using individual markers that I set from latitudes and longitudes? I'm going to be using around 5 way points surrounding an area and can either hard code or throw in some PHP code.

2. In addition to setting my markers, the navigation is done through generated links like "Point 1", "Point 2", and so forth. How would I insert code to replace .html("Point "+i) with something else? I'm guessing to have a main city, have a few towns around it, and the "Point" links are replaced with text I want to use. Probably hard code or use PHP/MySQL to show a zip code or town related to that marker.Here is a sample of the JavaScript code. I only threw in PHP echo tags for the start lat/long and I have that set:

Code:
$(document).ready(function(){
var map = new GMap2($("#map").get(0));
var StartArea = new GLatLng(<?=$latitude?>,<?=$longitude?>);[code].........

View 1 Replies View Related

JQuery :: Multiple Google Maps - Invalid Argument In IE

Apr 16, 2009

[URL]. All works fine in FF but when I come to use it in IE, I get:
Code:
Message: Invalid argument.
Line: 82
Char: 18
Code: 0
URI: [URL]

View 4 Replies View Related

JQuery :: GoMap() Google Maps Plugin - Marker Shadows?

Nov 11, 2010

I'm using the goMap Google Maps plugin very successfully (and I highly recommend it) - except that I can't seem to set shadows on my map markers. There appears to be support for this in the plugin source code - but there's no documentation I can find.

Anyone got an clues on how to do this? This is a simplified version of the code I'm trying to use. I have checked the obvious/stupid things - file path is correct (the image isn't 404ing in firebug), and there's no js errors being thrown, or any other warnings reported.

[Code]...

View 1 Replies View Related

JQuery :: Google Maps - Feature - Drag And Drop The Marker

Jul 22, 2009

I want to know if this can be done using jQuery and Google Maps. In my website I have a Google map where users could add new markers with a description on it and the marker they put would be permanent on my map, meaning if they comeback they would still see the markers they added.

I also want the feature that they could just drag and drop the marker, so it would be easy to the users. What would be my approach and how would I do it?

View 1 Replies View Related

JQuery :: Create An Interactive Map Viewer Like Google Maps With Own Custom Map Image

Apr 14, 2010

I want to create a interactive map viewer likeGooglemaps using my own custom map image. On clicking a location on the map, a small popup displayed showing some data. I aslo want a zooming and panning functionality. note that i am using aLinuxserver. The application must not use flash.

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved