|
8 | 8 | <link rel="stylesheet" type="text/css" href="demo.css" /> |
9 | 9 | <link rel="stylesheet" type="text/css" href="styles.css" /> |
10 | 10 | <link rel="stylesheet" type="text/css" href="../template.css" /> |
11 | | - <script type="text/javascript" src='../test-credentials.js'></script> |
| 11 | + <script type="text/javascript" src='https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js'></script> |
12 | 12 | <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script> |
13 | 13 | <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script> |
14 | 14 | <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script> |
|
47 | 47 | .bubble a:hover { |
48 | 48 | text-decoration: underline; |
49 | 49 | } |
50 | | - |
| 50 | + |
51 | 51 | .bubble hr { |
52 | 52 | margin: 5px 0px; |
53 | 53 | } |
|
58 | 58 | <h1>Marker Clustering with Custom Theme</h1> |
59 | 59 | <p>Cluster multiple markers and customize the theme</p> |
60 | 60 | </div> |
61 | | - <p>This example displays a map showing geo-tagged clusters of photographs |
| 61 | + <p>This example displays a map showing geo-tagged clusters of photographs |
62 | 62 | taken from locations around the world. The <a href="http://commons.wikimedia.org/wiki/Main_Page" target="_blank">Wikimedia Commons</a> |
63 | 63 | website was used to provide a source of data of geo-tagged images.</p> |
64 | 64 | <div id="map"></div> |
65 | 65 | <h3>Code</h3> |
66 | | - <p>Marker clustering requires the presence of the <code>mapsjs-clustering</code> module of the API. The |
| 66 | + <p>Marker clustering requires the presence of the <code>mapsjs-clustering</code> module of the API. The |
67 | 67 | <code>H.clustering.Provider</code> class is used to load in data points and prepare them for clustering. </p> |
68 | | - <p>Customizing the default look-and-feel of the <code>clusters</code> and <code>noise</code> points is |
69 | | - very easy. When instantiating the <code>H.clustering.Provider</code>, a <code>theme</code> object holding two methods - |
70 | | - <code>getClusterPresentation()</code> and <code>getNoisePresentation()</code> - is passed as an additional parameter |
71 | | - into the constructor. Both <code>theme</code> methods must return an <code>H.map.Object</code> such as a marker or polygon etc. |
| 68 | + <p>Customizing the default look-and-feel of the <code>clusters</code> and <code>noise</code> points is |
| 69 | + very easy. When instantiating the <code>H.clustering.Provider</code>, a <code>theme</code> object holding two methods - |
| 70 | + <code>getClusterPresentation()</code> and <code>getNoisePresentation()</code> - is passed as an additional parameter |
| 71 | + into the constructor. Both <code>theme</code> methods must return an <code>H.map.Object</code> such as a marker or polygon etc. |
72 | 72 | More information can be found in the API Reference.</p> |
73 | 73 | <script type="text/javascript" src='demo.js'></script> |
74 | 74 | </body> |
|
0 commit comments