Plaene/Mittelstadt

Wenn Sie mit der Maus auf ein Gebäude fahren, erhalten Sie einen kurzen erklärenden Text angezeigt. Ein Klick auf ein Objekt öffnet ein neues Fenster, welches zu der entsprechenden Seite des Gebäudes führt.
<style type="text/css">
canvas
{
 pointer-events: none; /* make the canvas transparent to the mouse - needed since canvas is position infront of image */
 position: absolute;
}
div.divText
{
 background:#ffff00;
 display:block;
 padding:10px;
}
</style>
 Menü-Übersicht Mittelstadt
<img src="MittelstadtPlan.JPG" width="813" height="642" alt="Karte" usemap="#Landkarte" id='img-imgmap201293016112' class='imgmap_css_container'>
<map name="Landkarte" id='imgmap201293016112'>
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="176,66,178,75,177,87,178,97,188,112,215,152,238,192,245,203,260,231,266,244,278,259,297,275,304,281,321,288,373,295,446,298,499,300,516,303,545,313,561,320,578,332,586,341,594,330,582,318,564,307,536,296,509,291,459,286,399,284,360,281,335,277,311,267,290,251,274,231,256,198,239,166,224,142,205,115,190,93,186,77,187,65"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Koenigstrasse/frame.php" target="_blank" alt="Die Königstraße" title="Die Königstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="215,225,228,217,240,237,230,245,226,240,230,237,224,227,219,231"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Gebaeude/Landgericht/frame.php" target="_blank" alt="Das Landgericht" title="Das Landgericht">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="30,2,76,90,147,75,188,62,203,55,206,59,252,45,235,2"
 href="http://rottweil.net/frame/Plaene/Innenstadt/frame.php" target="_blank" alt="Plan der Rottweiler" title="Plan der Rottweiler">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="30,2,76,90,147,75,188,62,203,55,206,59,252,45,235,2"
 href="http://rottweil.net/frame/Plaene/Innenstadt/frame.php" target="_blank" alt="Plan der Rottweiler Innenstadt" title="Plan der Rottweiler Innenstadt">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="448,264,446,271,454,274,459,273,470,278,473,275,462,270,455,268"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Gebaeude/Ruhechristikirche/frame.php" target="_blank" alt="Die Ruhe-Christi-Kirche" title="Die Ruhe-Christi-Kirche">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="565,300,562,306,569,311,575,304"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Koenigstrasse/Koenigstrasse_61/frame.php" target="_blank" alt="Die Villa Estermann" title="Die Villa Estermann">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="175,176,213,152,218,160,179,186"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Wilhelmstrasse/frame.php" target="_blank" alt="Die Wilhelmstraße" title="Die Wilhelmstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="259,233,216,264,198,269,187,276,156,284,147,284,125,290,100,289,99,298,122,298,158,294,196,283,212,276,239,258,264,242"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Schillerstrasse/frame.php" target="_blank" alt="Die Schillerstraße" title="Die Schillerstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="385,140,325,124,311,130,382,150"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/AeusserAlleenstrasse/frame.php" target="_blank" alt="Die Äußere Alleenstraße" title="Die Äußere Alleenstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="246,181,251,178,255,182,250,186"
 href="http://rottweil.net/frame/Themen/2000/Mai2000/RottweilerKapellen/Armsuenderkapelle/frame.php" target="_blank" alt="Die Armsünderkapelle" title="Die Armsünderkapelle">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="195,224,222,261,238,278,256,301,264,293,247,271,229,254,207,220"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Goethestrasse/frame.php" target="_blank" alt="Die Goethestraße" title="Die Goethestraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="812,114,787,104,783,116,808,125"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Gebaeude/Bahnhof/EisenbahnbrueckeBahnhof/frame.php" target="_blank" alt="Die Eisenbahnbrücke beim Bahnhof" title="Die Eisenbahnbrücke beim Bahnhof">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="1,187,70,160,133,147,186,112,190,118,131,159,116,160,99,163,78,168,3,197"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Marxstrasse/frame.php" target="_blank" alt="Die Marxstraße" title="Die Marxstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="153,146,160,159,187,273,187,336,186,375,194,375,197,306,197,282,198,270,177,187,175,177,162,141"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Koernerstrasse/frame.php" target="_blank" alt="Die Körnerstraße" title="Die Körnerstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="296,150,333,164,460,209,459,218,329,173,292,157"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Johanniterstrasse/frame.php" target="_blank" alt="Die Johanniterstraße" title="Die Johanniterstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="302,278,309,292,286,356,285,368,280,384,272,398,265,418,258,483,253,519,250,537,242,563,218,619,208,641,218,641,246,570,255,552,262,520,273,422,294,370,318,288"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Stadionstrasse/frame.php" target="_blank" alt="Die Stadionstraße" title="Die Stadionstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="557,294,574,255,558,249,541,285"
 href="http://rottweil.net/frame/Themen/2000/August2000/Roemerbad/frame.php" target="_blank" alt="Das Römerbad" title="Das Römerbad">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="614,568,613,573,611,605,617,606,636,574,636,567"
 href="http://rottweil.net/frame/Ansichten/Altstadt/Armlederanlage/frame.php" target="_blank" alt="Die Armlederanlage" title="Die Armlederanlage">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="576,421,577,430,569,448,563,473,559,505,557,529,565,529,566,489,572,460,579,439,583,429,584,421"
 href="http://rottweil.net/frame/Ansichten/Altstadt/Hohlgasse/frame.php" target="_blank" alt="Die Hohlgasse" title="Die Hohlgasse">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="556,640,553,629,552,604,568,559,603,487,618,445,619,414,611,385,603,363,593,346,599,333,613,356,623,378,629,405,630,434,628,455,582,555,571,581,564,608,565,628,570,641"
 href="http://rottweil.net/frame/Ansichten/Altstadt/TuttlingerStrasse/frame.php" target="_blank" alt="Die Tuttlinger Straße" title="Die Tuttlinger Straße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="699,570,691,568,667,559,653,557,640,557,614,558,604,558,591,560,584,554,577,569,640,565,651,565,674,569,689,575,693,581"
 href="http://rottweil.net/frame/Ansichten/Altstadt/Hochmaurenstrasse/Hochmaurenstrasse_1/frame.php" target="_blank" alt="Die Hochmaurenstraße" title="Die Hochmaurenstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="647,556,662,517,665,496,678,467,684,462,698,461,699,470,687,471,683,475,674,498,673,508,672,519,657,556"
 href="http://rottweil.net/frame/Ansichten/Altstadt/Armlederstrasse/frame.php" target="_blank" alt="Die Armlederstraße" title="Die Armlederstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="518,561,534,555,543,546,552,536,569,527,580,508,607,449,611,434,612,423,619,423,618,441,611,458,591,503,576,531,564,539,556,544,544,559,525,567"
 href="http://rottweil.net/frame/Ansichten/Altstadt/Graben/frame.php" target="_blank" alt="Der Graben" title="Der Graben">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="554,595,508,567,467,551,456,549,439,540,432,535,416,518,382,452,374,413,369,405,379,406,385,424,389,447,421,511,432,525,456,540,516,562,556,584"
 href="http://rottweil.net/frame/Ansichten/Altstadt/Steig/frame.php" target="_blank" alt="Die Steig" title="Die Steig">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="659,280,672,245,675,236,683,180,693,179,682,238,681,246,667,283"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Legionstrasse/frame.php" target="_blank" alt="Die Legionstraße" title="Die Legionstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="circle" coords="587,426,6"
 href="http://rottweil.net/frame/Themen/2000/Oktober2000/Puerschgerichtslinde/frame.php" target="_blank" alt="Die Pürschgerichtslinde" title="Die Pürschgerichtslinde">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="344,327,331,333,343,291,352,291"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Marienstrasse/frame.php" target="_blank" alt="Die Marienstraße" title="Die Marienstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="345,223,345,277,355,279,355,230"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Marienstrasse/frame.php" target="_blank" alt="Die Marienstraße" title="Die Marienstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="345,328,407,338,417,340,437,342,437,350,411,348,402,347,346,339"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Mittelstadtstrasse/frame.php" target="_blank" alt="Die Mittelstadtstraße" title="Die Mittelstadtstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="487,345,497,346,506,348,534,361,588,391,602,400,613,403,612,409,600,406,591,403,567,390,560,387,504,358,495,354,486,355"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Mittelstadtstrasse/frame.php" target="_blank" alt="Die Mittelstadtstraße" title="Die Mittelstadtstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="550,407,583,339,589,346,558,410"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Lindenstrasse/frame.php" target="_blank" alt="Die Lindenstraße" title="Die Lindenstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="591,327,615,278,623,281,597,332"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Lindenstrasse/frame.php" target="_blank" alt="Die Lindenstraße" title="Die Lindenstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="499,300,496,343,503,347,508,301"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Kastellstrasse/frame.php" target="_blank" alt="Die Kastellstraße" title="Die Kastellstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="486,403,495,354,504,360,496,405,489,403"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Kastellstrasse/frame.php" target="_blank" alt="Die Kastellstraße" title="Die Kastellstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="446,271,475,276,473,281,432,272,420,271,346,222,308,198,278,173,271,166,240,143,235,136,214,100,214,88,223,88,223,96,227,106,236,121,250,139,272,154,314,190,347,213,416,252,415,258"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Ruhe-Christi-Strasse/frame.php" target="_blank" alt="Die Ruhe-Christi-Straße" title="Die Ruhe-Christi-Straße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="399,198,387,235,396,240,410,202"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Paulinenstrasse/frame.php" target="_blank" alt="Die Paulinenstraße" title="Die Paulinenstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="450,215,447,256,454,255,458,215"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Klarastrasse/frame.php" target="_blank" alt="Die Klarastraße" title="Die Klarastraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="358,185,348,214,358,219,368,188"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Marienstrasse/frame.php" target="_blank" alt="Die Marienstraße" title="Die Marienstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="236,135,224,143,230,149,240,142"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Wilhelmstrasse/frame.php" target="_blank" alt="Die Wilhelmstraße" title="Die Wilhelmstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="270,223,309,198,316,204,276,232"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Olgastrasse/frame.php" target="_blank" alt="Die Olgastraße" title="Die Olgastraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="319,170,312,188,320,194,327,172"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Olgastrasse/frame.php" target="_blank" alt="Die Olgastraße" title="Die Olgastraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="331,135,321,161,330,164,339,139"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Olgastrasse/frame.php" target="_blank" alt="Die Olgastraße" title="Die Olgastraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="352,146,347,143,344,149,341,148,339,152,342,153,340,158,345,161"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Johanniterstrasse/Johanniterschule/frame.php" target="_blank" alt="Die Johanniterschule" title="Die Johanniterschule">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="435,192,420,187,423,181,425,181,425,184,426,184,428,182,431,182,431,185,433,186,434,185,438,186"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Johanniterstrasse/FranziskanerKolleg/frame.php" target="_blank" alt="Das Franziskanerkolleg" title="Das Franziskanerkolleg">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="336,297,321,294,318,300,322,302,320,309,317,313,317,318,322,320,326,320,328,317,326,313,328,306,332,306"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Koenigstrasse/Koenigstrasse_36/frame.php" target="_blank" alt="Das Landratsamt" title="Das Landratsamt">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="346,369,342,371,343,376,348,375"
 href="http://rottweil.net/frame/Themen/2000/April2000/Zollhaeusle/frame.php" target="_blank" alt="Das Zollhäusle" title="Das Zollhäusle">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="191,180,184,184,190,195,198,191"
 href="http://rottweil.net/frame/Themen/2000/April2000/AlteTurnhalle/frame.php" target="_blank" alt="Der Möbelwagen" title="Der Möbelwagen">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="271,166,248,185,252,189,278,171"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Karlstrasse/frame.php" target="_blank" alt="Die Karlstraße" title="Die Karlstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="318,66,313,74,317,76,323,67"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Gebaeude/Bahnunterfuehrung/frame.php" target="_blank" alt="Die Bahnunterführung" title="Die Bahnunterführung">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="329,52,320,64,324,66,333,53"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Gebaeude/Neckarsteg/frame.php" target="_blank" alt="Der Neckarsteg" title="Der Neckarsteg">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="110,262,113,290,116,300,114,331,112,339,104,374,112,374,120,346,121,341,123,318,124,297,123,288,119,260"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Bismarckstrasse/frame.php" target="_blank" alt="Die Bismarckstraße" title="Die Bismarckstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="244,315,231,311,217,307,197,306,197,316,211,317,226,319,240,324"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Herderstrasse/frame.php" target="_blank" alt="Die Herderstraße" title="Die Herderstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="600,100,554,106,554,112,603,109"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Gebaeude/Bahnhof/frame.php" target="_blank" alt="Der Bahnhof" title="Der Bahnhof">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="427,262,455,253,485,249,496,238,501,230,509,157,513,143,522,137,705,122,706,128,525,145,518,148,515,158,510,217,508,227,504,236,498,247,490,255,440,266"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Eisenbahnstrasse/frame.php" target="_blank" alt="Die Eisenbahnstraße" title="Die Eisenbahnstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="593,413,561,412,551,408,374,394,288,387,277,385,237,377,227,375,193,372,140,373,111,374,104,375,0,363,1,373,85,382,108,384,157,382,201,383,227,386,256,389,269,394,285,397,347,402,552,419,594,421"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Heerstrasse/frame.php" target="_blank" alt="Die Heerstraße" title="Die Heerstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="294,272,251,321,237,377,228,375,238,335,245,314,286,267"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Schuetzenstrasse/frame.php" target="_blank" alt="Die Schützenstraße" title="Die Schützenstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="648,178,635,226,632,250,624,271,635,272,647,226,657,180"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Lindenstrasse/frame.php" target="_blank" alt="Die Lindenstraße" title="Die Lindenstraße">
<area onmouseover='myHover(this);' onmouseout='myLeave();' shape="poly" coords="236,336,226,335,197,333,155,337,153,346,196,344,215,344,234,346"
 href="http://rottweil.net/frame/Ansichten/Mittelstadt/Friedrichstrasse/frame.php" target="_blank" alt="Die Friedrichstraße" title="Die Friedrichstraße">
</map>
<canvas id='myCanvas'></canvas> 
Bewegen Sie den Mauszeiger über die Gebäude um weitere Informationen zu erhalten.
<tbody>
1 Landgericht
2 Ruhe-Christi-Kirche
3 Villa Estermann
4 Armsünderkapelle
5 Eisenbahnbrücke
6 Römerbad
7 Armlederanlage
8 Pürschgerichtslinde
9 Johanniterschule
10 Franziskanerkolleg
11 Landratsamt
12 Zollhäusle
13 Möbelwagen
14 Bahnunterführung
15 Neckarsteg
16 Bahnhof
 
 
</tbody>
<script>
// stores the device context of the canvas we use to draw the outlines
// initialized in myInit, used in myHover and myLeave
var hdc;
// shorthand func
function byId(e){return document.getElementById(e);}
// takes a string that contains coords eg - "227,307,261,309, 339,354, 328,371, 240,331"
// draws a line from each co-ord pair to the next - assumes starting point needs to be repeated as ending point.
function drawPoly(coOrdStr)
{
var mCoords = coOrdStr.split(',');
var i, n;
n = mCoords.length;
hdc.beginPath();
hdc.moveTo(mCoords[0], mCoords[1]);
for (i=2; i<n; i+=2)
{
hdc.lineTo(mCoords[i], mCoords[i+1]);
}
hdc.lineTo(mCoords[0], mCoords[1]);
hdc.stroke();
}
function drawRect(coOrdStr)
{
var mCoords = coOrdStr.split(',');
var top, left, bot, right;
left = mCoords[0];
top = mCoords[1];
right = mCoords[2];
bot = mCoords[3];
hdc.strokeRect(left,top,right-left,bot-top);
}
function placeDiv(x_pos, y_pos) {
var d = document.getElementById('divText');
d.style.position = "absolute";
d.style.left = x_pos+'px';
d.style.top = y_pos+'px';
}
function myHover(element)
{
var hoveredElement = element;
var coordStr = element.getAttribute('coords');
var areaType = element.getAttribute('shape');
var titleStr = element.getAttribute('title');
var mCoords = coordStr.split(',');
var i, n;
n = mCoords.length;
switch (areaType)
{
case 'polygon':
case 'poly':
drawPoly(coordStr);
break;
case 'rect':
drawRect(coordStr);
}
var textField = byId('mapText');
placeDiv(parseInt(mCoords[0])+140,parseInt(mCoords[1])+100);
textField.innerHTML = titleStr;
}
function myLeave()
{
var canvas = byId('myCanvas');
hdc.clearRect(0, 0, canvas.width, canvas.height);
}
function myInit()
{
// get the target image
var img = byId('img-imgmap201293016112');
var x,y, w,h;
// get it's position and width+height
x = img.offsetLeft+8+4+180+4+4;
y = img.offsetTop+8+67;
w = img.clientWidth;
h = img.clientHeight;
// move the canvas, so it's contained by the same parent as the image
var imgParent = img.parentNode;
var can = byId('myCanvas');
imgParent.appendChild(can);
// place the canvas in front of the image
can.style.zIndex = 1;
// position it over the image
can.style.left = x+'px';
can.style.top = y+'px';
// make same size as the image
can.setAttribute('width', w+'px');
can.setAttribute('height', h+'px');
// get it's context
hdc = can.getContext('2d');
// set the 'default' values for the colour/width of fill/stroke operations
hdc.fillStyle = 'red';
hdc.strokeStyle = 'red';
hdc.lineWidth = 2;
}
window.onload = myInit();
</script>
 
Albstraße Altstädter Straße Am Schwarzen Felsen Am Skibuckel Auf dem Wall Äußere Alleenstraße Bismarckstraße Breslauer Straße Brugger Straße Charlottenwäldele Dammstraße Dreifaltigkeitsbergweg Eisenbahnstraße Friedrichstraße Goethestraße Heerstraße Hegauweg Herderstraße Hölderstraße Hoferstraße Hohenbergstraße Hohenkrähenweg Hohentwielweg Hyères-Straße Imster Straße Johanniterstraße Kaiserstraße Karlstraße Karpfenweg Kastellstraße Klarastraße Klippeneckstraße Königsberger Straße Königstraße Körnerstraße Krummer Weg Khuonstraße Legionstraße Lembergstraße Lindenstraße Lorenz-Bock-Straße Lupfenstraße Margarita-Linder-Weg Marienstraße Marxstraße Mauritiusstraße Mittelstadtstraße Nikolausstraße Olgastraße Ortenbergweg Paulinenstraße Plettenbergstraße Pürschgerichtsweg Raichbergweg Rottenmünster Ruhe-Christi-Straße Schillerstraße Schützenstraße Stadionstraße Trinkgässle Via L’Aquila Vogtstraße Wartenbergweg Wilhelmstraße Zundelbergstraße