Google maps jquery

[Verwijderd]

Ik probeer een google map via jquery te zetten op een webpagina maar het wilt maar niet lukken..
Via deze plugin + tutorial: gmap3

HTML:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language=en"></script>
<script type="text/javascript" src="js/gmap3v5.1.1/gmap3.min.js"></script>

<div id="map_canvas">
</div>

Cascading Stylesheet:

#map_canvas {
   height: 350px;
   width: 600px;
}

JavaScript:

$("#map_canvas").gmap3();

Ik krijg geen kaart te zien maar wel een leeg vak... Wat doe ik verkeerd?

[paskaal]

Je zou via developer tools in je console (in Chrome CTRL + ALT + i) kunnen checken of er eventueel errors optreden. En draai je je jQuery wel binnen een $(document).ready(function(){ } ); ? Zo dus:

code:

$(document).ready(function(){
$("#map_canvas").gmap3();
});

Als ik je code in JSFiddle gooi werkt het wel: http://jsfiddle.net/dxvVX/

[RobIII]

paskaal schreef op dinsdag 21 januari 2014 @ 16:08:
Als ik je code in JSFiddle gooi werkt het wel: http://jsfiddle.net/dxvVX/

Die zat ik net te maken: http://jsfiddle.net/8jRz6/

@TS: Kijk inderdaad eens in je console of je daar foutmeldingen ziet ofzo (en check even je network tab of er niet toevallig een bestand een 404 geeft ofzo).

[ Voor 25% gewijzigd door RobIII op 21-01-2014 16:13 ]

[Verwijderd]

paskaal schreef op dinsdag 21 januari 2014 @ 16:08:
Je zou via developer tools in je console (in Chrome CTRL + ALT + i) kunnen checken of er eventueel errors optreden. En draai je je jQuery wel binnen een $(document).ready(function(){ } ); ? Zo dus:

code:

$(document).ready(function(){
$("#map_canvas").gmap3();
});

Als ik je code in JSFiddle gooi werkt het wel: http://jsfiddle.net/dxvVX/

Ja dit is mijn code:

JavaScript:

$(document).ready(function() {
  Shadowbox.init();
  $("#map_canvas").gmap3();
});

De shadowbox plugin werkt wel.. ik zal eens zien in de inspector.

Edit: Ik zie niet direct iets verkeerd denk ik (ben er nog vrij nieuw in).
Hier is de link naar de website: www.drinkignis.com/jbmedia
(het is in geen geval de bedoeling om reclame te maken maar ik gebruik gewoon momenteel de webspace van een vriend van mij)

[ Voor 16% gewijzigd door Verwijderd op 21-01-2014 16:25 ]

[Bosmonster]

ReferenceError: Shadowbox is not defined

Console doet wonderen

[RobIII]

Verwijderd schreef op dinsdag 21 januari 2014 @ 16:19:
Edit: Ik zie niet direct iets verkeerd denk ik (ben er nog vrij nieuw in).

Ik weet niet waar jij kijkt / wat jij ziet maarre...:


En je linkt naar een pagina waar heel die map/canvas niet op voorkomt
Zou 't niet handiger zijn naar http://www.drinkignis.com/jbmedia/contact.html te linken dan? En waar is daar die betreffende code dan? » in code.js klaarblijkelijk Als je code.js op andere pagina's ook gebruikt (waar 't op lijkt) zou ik wat subtieler die gmap3() methode aanroepen i.p.v. op iedere pagina.

Verder vraag ik me af waarom je überhaupt die "gmap3" plugin zou gebruiken; de meerwaarde die 't ding belooft lijk jij helemaal niet te gebruiken? Dan kun je toch volstaan met zoiets? Scheelt weer een HTTP request en 25KB meuk

[ Voor 48% gewijzigd door RobIII op 21-01-2014 16:41 ]

[Verwijderd]

RobIII schreef op dinsdag 21 januari 2014 @ 16:34:
[...]


Ik weet niet waar jij kijkt / wat jij ziet maarre...:
[afbeelding]

En je linkt naar een pagina waar heel die map/canvas niet op voorkomt
Zou 't niet handiger zijn naar http://www.drinkignis.com/jbmedia/contact.html te linken dan? En waar is daar die betreffende code dan?

Verder vraag ik me af waarom je überhaupt die "gmap3" plugin zou gebruiken; de meerwaarde die 't ding belooft lijk jij helemaal niet te gebruiken? Dan kun je toch volstaan met zoiets? Scheelt weer een HTTP request en 25KB meuk

In firebug zag ik niet direct iets verkeerd, maar zoals ik al zei ben er vrij nieuw in
Ik zal er eens naar kijken!

Edit: Heb gewoon een contact.js script gemaakt en die naar de contact pagina gelinkt. Nu werkt het! Bedankt!

[ Voor 5% gewijzigd door Verwijderd op 21-01-2014 16:56 ]