Take the 2-minute tour ×  I have profile pages for users of my
little card game, like this one - where I display their position
by looking up their city. My current jQuery code is here:
<script type="text/javascript">   $(function() {     // the city
name is inserted here by the PHP script  function
createMap(center) {     var opts = {         zoom: 9,
center: center,         mapTypeId: google.maps.MapTypeId.ROADMAP
return new google.maps.Map(document.getElementById("map"),
opts);  function findCity(city) {     var gc = new
google.maps.Geocoder();     gc.geocode( { "address": city},
function(results, status) {         if (status ==
google.maps.GeocoderStatus.OK) {             var pos =
results[0].geometry.location;             var map =
createMap(pos);             var marker = new
google.maps.Marker({                 map: map,
title: city,                 position: pos  <div id="map"></div>
and it works well, but I only get a simple red marker with a dot
displayed:  map with a m