Question

I looked around for a bit here and have been googleing for hours with no luck. I am trying to get a map to appear using google’s map api but i am getting

"$("#map_canvas").gmap is not a function http://people.rit.edu/~ctn9382/536/assignment3/ Line 160" 

as an error. I have the demo working fine but for some reason it isn’t working on the site i made. Can anybody tell me whats wrong?

here is the link:
http://people.rit.edu/~ctn9382/536/assignment3/

in order to get to this point you have to click “show results” and then click a hospital’s name and it should create a bunch of stuff on the top of the page.

Answer 1

jQuery.js and jQuery-ui.min.js are both being included twice. The second time you include it, it overwrites all of the previously defined plugins such as gmap. Remove the second set of jQuery and jQuery UI script includes and your code should work.

Edit:

Change this:

<script type="text/javascript">
    google.load('maps','3',{'other_params':'sensor=false'});
    //google.load('jquery','1.7');
    //google.load('jqueryui','1.8.9');
</script>

It is loading a second copy of jquery.

I’m not sure about the first line.