StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POGoogle Maps not working in Django template on App Engine development server
primarykey
Id
3120969
data
AcceptedAnswerId
3366421
AnswerCount
3
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2010-06-25T19:49:01.223
FavoriteCount
1
LastActivityDate
2010-07-29T19:53:45.080
LastEditDate
2010-06-30T15:42:07.353
LastEditorUserId
269512
OwnerUserId
269512
ParentId
0
PostTypeId
1
Score
3
ViewCount
1636
LastEditorDisplayName
text
Body
<p>When I add this script to a plain HTML file's HEAD section</p> <pre><code><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> </code></pre> <p>and I run this script on the body onload, </p> <pre><code>function initialize() { var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } </code></pre> <p>then I see the Google map just fine.</p> <p>However, the same does not work when in a Django template. (Yes, I am new to Django :) I get all the code in the initialize function to run, but no map shows up. Page stays blank.</p> <p>I assume it has something to do with Django, and the GAE dev server, and how the Google Maps js API is referenced, but I don't know how to fix.</p> <p>Thanx much.</p> <p>Edit:</p> <p>My Django template looks like this (There are no Django specific tags or anything yet.)</p> <pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <link rel="stylesheet" type="text/css" href="/site_media/css/reset.css" /> <link rel="stylesheet" type="text/css" href="/site_media/css/main.css" /> <script src="/site_media/js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript"> $(document).ready(function(event) { initialize(); }); function initialize() { var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } </script> </head> <body> <br/> <br/> <br/> <br/> <br/> <br/> <center> <div id="map_canvas" style="width:60%; height:70%;">Why the heck is the map not showing?</div> </center> </body> </html> </code></pre> <p>And the rendered HTML source of that template from the browser looks like this:</p> <pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <title></title> <link rel="stylesheet" type="text/css" href="/site_media/css/reset.css" /> <link rel="stylesheet" type="text/css" href="/site_media/css/main.css" /> <script src="/site_media/js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript"> $(document).ready(function(event) { initialize(); }); function initialize() { var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } </script> </head> <body> <br/> <br/> <br/> <br/> <br/> <br/> <center> <div id="map_canvas" style="width:60%; height:70%;">Why the heck is the map not showing?</div> </center> </body> </html> </code></pre>
Tags
<django><google-app-engine><django-templates><google-maps>
Title
Google Maps not working in Django template on App Engine development server
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USJacques Bosch
UserOwnerUserId
1. USJacques Bosch
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POGoogle Maps not working in Django template on App Engine development server
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POGoogle Maps not working in Django template on App Engine development server
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  POGoogle Maps not working in Django template on App Engine development server
  UserUserId
  USDrKaoliN
  VoteTypeVoteTypeId
  VTFavorite
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.