You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

122 lines
5.4KB

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de">
  4. <head>
  5. <!--
  6. CSS based on template of Dandelion wiki engine by Radomir Dopieralski who released this
  7. template under the terms of GNU GPL. http://dandelion.sheep.art.pl/
  8. -->
  9. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  10. <title>staticMapLite</title>
  11. <style type="text/css">
  12. html{font:96% sans-serif;color:#000;background:#f7f7f7;line-height:1.4;}
  13. body{color:#333;}
  14. #wrapper{margin:auto;width:60em;position:relative;}
  15. #header{padding:0px 0px 7px 0px; height: 1em;}
  16. #header h1 { float:left; width: 40%; }
  17. #content{background:white;padding:1em;border:1px solid #e0d78a;outline:0.5em solid #fef4a4; margin:0.5em 0;padding:20px;min-height:20em;}
  18. h1{margin-top:0px;}
  19. h1,h2,h3,h4,h5,h6{letter-spacing:0.05em;color:#1474CA;font-weight:normal;}
  20. h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
  21. a{color:#1474CA;text-decoration:none;}
  22. a:visited{color:#1474CA;}
  23. a.pending{color:#c174a0;}
  24. a:hover{text-decoration:underline;}
  25. a img{border:none;}
  26. input,textarea{font-size:94%;border:1px solid #999;background:#fff;color:#666;outline:0.2em solid #eee;padding:0px;line-height:1.2;margin:0.5em;vertical-align:middle;}
  27. textarea{display:block;margin:0.5em auto;width:100%;}
  28. pre{outline:0.4em solid #eee;padding:0.5em;margin:0.5em;border:1px solid #e0d78a;background:#fef4a4;color:#644e22;}
  29. img{border:1px solid #ccc;outline:0.25em solid #eee;padding:0.25em;margin:0.25em 0 0.25em 0.5em;background:#fff;}
  30. hr{height:0;border:none;color:#fff;background:transparent;border-bottom:1px solid #ccc; margin:0.5em 0;}
  31. #diff {outline:none;border:none;}
  32. #diff ins{color:green;text-decoration:none;font-weight:bold;}
  33. #diff del{color:red;text-decoration:line-through;}
  34. #diff{background:#fff;line-height:1.25;padding:1em;white-space:pre-wrap;word-wrap:break-word; white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;width:97%;}
  35. hr{margin:10px 0 10px 0;height:0px;overflow:hidden;border:0px;border-top:2px solid #ccc;}
  36. .error{color:#F25A5A;font-weight:bold;}
  37. form{display:inline;}
  38. #contentTextarea{height:44em;}
  39. #toc{margin:5px 0 5px 10px;padding:6px 5px 7px 0px;float:right;list-style:none;outline:0.4em solid #eee;background:#fef4a4;border:1px solid #e0d78a;}
  40. #toc ul{list-style:none;padding:3px 0 3px 10px;}
  41. #toc li{font-size:11px;padding-left:10px;}
  42. #toc ul li{font-size:10px;}
  43. #toc ul ul li{font-size:9px;}
  44. #toc ul ul ul li{font-size:8px;}
  45. #toc ul ul ul ul li{font-size:7px;}
  46. .pageVersionsList{letter-spacing:0px;font-variant:normal;font-size:12px;}
  47. #renameForm{float:left;}
  48. .clear{clear:both;}
  49. .tagList{padding:0.2em 0.4em 0.2em 0.4em;margin-top:0.5em;border:1px dashed #e0d78a;background:#fef4a4;color:#644e22;}
  50. .tagCloud{float:right;width:200px;padding:0.5em;margin:1em;border:1px dashed #e0d78a;background:#fef4a4;color:#644e22;}
  51. #fileTable{border-collapse:collapse;}
  52. #fileTable td{border:1px solid #FEF4A4;padding:2px 6px 2px 6px;}
  53. h2 span.par-edit, h3 span.par-edit, h4 span.par-edit, h5 span.par-edit, h6 span.par-edit {display:none;}
  54. h2:hover span.par-edit, h3:hover span.par-edit, h4:hover span.par-edit, h5:hover span.par-edit, h6:hover span.par-edit {display:inline;font-size:x-small;}
  55. .comment-item { border:1px solid #999;color:#666;outline:0.2em solid #eee; }
  56. .resizeTextareaDiv { margin-top: 5px;}
  57. a.toolbarTextareaItem { padding-right: 10px; }
  58. a.external:after { content: "\2197";}
  59. </style>
  60. </head>
  61. <body>
  62. <div id="wrapper">
  63. <div id="header">
  64. </div>
  65. <div id="content">
  66. <div class="par-div">
  67. <h2>
  68. staticMapLite - simple map for your website
  69. </h2>
  70. <p>
  71. <img src="staticmap.php?center=40.714728,-73.998672&zoom=14&size=865x512&maptype=mapnik" width="865" height="512" /></p>
  72. <p>
  73. This image was created using the following simple &lt;img> tag:
  74. <pre>&lt;img src="staticmap.php?center=40.714728,-73.998672&amp;zoom=14&amp;size=865x512&amp;maptype=mapnik" /&gt;</pre>
  75. </p>
  76. </div>
  77. <hr />
  78. <div class="par-div">
  79. <h3>
  80. Place Markers
  81. </h3>
  82. <p>
  83. <img src="staticmap.php?center=40.714728,-73.998672&zoom=14&size=865x512&maptype=mapnik&markers=40.702147,-74.015794,lightblue1|40.711614,-74.012318,lightblue2|40.718217,-73.998284,lightblue3" width="865" height="512" />
  84. </p><p> Add markers by appending them to the image URL:
  85. <pre>markers=40.702147,-74.015794,lightblue1|40.711614,-74.012318,lightblue2|40.718217,-73.998284,lightblue3</pre>
  86. </p>
  87. </div>
  88. <hr />
  89. <div class="par-div">
  90. <h3>
  91. Use Different Map Styles (Tile Sources)
  92. </h3>
  93. <p>
  94. <div style="float:left; margin-right: 10px">
  95. <img src="staticmap.php?center=40.714728,-73.998672&zoom=14&size=256x256&maptype=mapnik" width="256" height="256" />
  96. <pre>maptype=mapnik</pre>
  97. </div>
  98. <div style="float:left; margin-right: 10px">
  99. <img src="staticmap.php?center=40.714728,-73.998672&zoom=14&size=256x256&maptype=osmarenderer" width="256" height="256" />
  100. <pre>maptype=osmarenderer</pre>
  101. </div>
  102. <div style="float:left; margin-right: 10px">
  103. <img src="staticmap.php?center=40.714728,-73.998672&zoom=14&size=256x256&maptype=cycle" width="256" height="256" />
  104. <pre>maptype=cycle</pre>
  105. </div>
  106. <br style="clear:both" />
  107. </p>
  108. </div>
  109. </div>
  110. <div id="footer">
  111. <div style="text-align:center;padding:7px;color:#ccc">
  112. sponsored by <a href="http://dfacts.de">dFacts Network</a>
  113. </div>
  114. </div>
  115. </div>
  116. </body>
  117. </html>