1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
|
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Customisation — Chimère 2.0 documentation</title>
<link rel="stylesheet" href="_static/default.css" type="text/css" />
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: '',
VERSION: '2.0',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '.html',
HAS_SOURCE: true
};
</script>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/underscore.js"></script>
<script type="text/javascript" src="_static/doctools.js"></script>
<link rel="top" title="Chimère 2.0 documentation" href="index.html" />
<link rel="prev" title="Import/export" href="import_export.html" />
</head>
<body>
<div class="related">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="genindex.html" title="General Index"
accesskey="I">index</a></li>
<li class="right" >
<a href="import_export.html" title="Import/export"
accesskey="P">previous</a> |</li>
<li><a href="index.html">Chimère 2.0 documentation</a> »</li>
</ul>
</div>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body">
<div class="section" id="customisation">
<h1>Customisation<a class="headerlink" href="#customisation" title="Permalink to this headline">¶</a></h1>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field-odd field"><th class="field-name">Author:</th><td class="field-body">Étienne Loks</td>
</tr>
<tr class="field-even field"><th class="field-name">date:</th><td class="field-body">2012-11-28</td>
</tr>
<tr class="field-odd field"><th class="field-name">Copyright:</th><td class="field-body">CC-BY 3.0</td>
</tr>
</tbody>
</table>
<p>This document presents the customisation of Chimère.
It has been updated for version 2.0.0.</p>
<div class="section" id="managing-layers">
<span id="id1"></span><h2>Managing layers<a class="headerlink" href="#managing-layers" title="Permalink to this headline">¶</a></h2>
<p>There are some different layers available by default in Chimère (OSM Mapnik, OSM
Mapquest, OSM Transport map, OSM Cyclemap). You can add some extra layer using
the web administration pages of Chimère. The new layer is defined with the
appropriate <a class="reference external" href="http://openlayers.org/">Openlayers</a> JS code. This JS code must
be a compatible Openlayers Layer instance with no ending semi-colon. For
instance defining a Bing layer can be done with this kind of code:</p>
<div class="highlight-python"><pre>new OpenLayers.Layer.Bing({
name: "Aerial",
key: "my-bing-API-key",
type: "Aerial"})</pre>
</div>
<p>Refer to the <a class="reference external" href="http://dev.openlayers.org/releases/OpenLayers-2.12/doc/apidocs/files/OpenLayers-js.html">Openlayers documentation API</a>
for more details.</p>
</div>
<div class="section" id="customizing-the-layout-and-the-design">
<h2>Customizing the layout and the design<a class="headerlink" href="#customizing-the-layout-and-the-design" title="Permalink to this headline">¶</a></h2>
<p>If you only want to customize the CSS, the easiest way to do it is to add a
link to an extra CSS to your <em>Areas</em> cf. <a class="reference internal" href="fr/configuration.html#managing-areas"><em>Managing areas</em></a>.</p>
<p>If you want to do larger changes in the layout and the style the (well named)
example_project can be customized to fit your needs. Each template file present
in the <em>chimere/templates</em> directory can be copied in your <em>myproject/templates</em>
directory and then modified.
You only need to copy files that you want to modify. These files are in
Django template language mainly made of pure HTML with some logic. Refer to
the <a class="reference external" href="https://docs.djangoproject.com/en/1.4/ref/templates/">Django template documentation</a>
for more details.</p>
</div>
</div>
</div>
</div>
</div>
<div class="sphinxsidebar">
<div class="sphinxsidebarwrapper">
<h3><a href="index.html">Table Of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">Customisation</a><ul>
<li><a class="reference internal" href="#managing-layers">Managing layers</a></li>
<li><a class="reference internal" href="#customizing-the-layout-and-the-design">Customizing the layout and the design</a></li>
</ul>
</li>
</ul>
<h4>Previous topic</h4>
<p class="topless"><a href="import_export.html"
title="previous chapter">Import/export</a></p>
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="_sources/customisation.txt"
rel="nofollow">Show Source</a></li>
</ul>
<div id="searchbox" style="display: none">
<h3>Quick search</h3>
<form class="search" action="search.html" method="get">
<input type="text" name="q" />
<input type="submit" value="Go" />
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
<p class="searchtip" style="font-size: 90%">
Enter search terms or a module, class or function name.
</p>
</div>
<script type="text/javascript">$('#searchbox').show(0);</script>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="related">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="genindex.html" title="General Index"
>index</a></li>
<li class="right" >
<a href="import_export.html" title="Import/export"
>previous</a> |</li>
<li><a href="index.html">Chimère 2.0 documentation</a> »</li>
</ul>
</div>
<div class="footer">
© Copyright 2012, Étienne Loks.
Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.
</div>
</body>
</html>
|
