Skip to content

Commit bfe15df

Browse files
authored
Merge branch 'builds' into builds
2 parents 21feb71 + f5dd5ac commit bfe15df

File tree

1 file changed

+22
-3
lines changed

1 file changed

+22
-3
lines changed

README.md

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,29 @@
55

66
The web-map Customized Built-In <map> Element is a [prototype implementation](http://maps4html.github.io/Web-Map-Custom-Element/) of the [HTML-Map-Element specification](http://maps4html.github.io/HTML-Map-Element/spec/).
77

8-
## Objective
8+
[![Build Status](https://travis-ci.org/prushforth/Web-Map-Custom-Element.svg?branch=master)](https://travis-ci.org/prushforth/Web-Map-Custom-Element)
9+
10+
The Customized Built-In <map> Element is a prototype [implementation](http://maps4html.github.io/Web-Map-Custom-Element/) of the [HTML-Map-Element specification](http://maps4html.github.io/HTML-Map-Element/spec/).
11+
12+
The HTML author can add MapML sources/layers by one or more the <`layer- src="..."`> elements as children of <`map`>. The map provides a default set of controls which are turned on or off with the map@controls boolean attribute. The @width and @height of the map should be specified either as attributes or via CSS rules. The initial zoom and location of the map are controlled by the @zoom and @lat, @lon attributes. The default projection is Web Mercator (OSMTILE).
913

10-
The objective of this web component is to upgrade the <map> HTML element to support modern Web mapping requirements. As such, it relies on [Map Markup Language](http://maps4html.github.io/mapml/spec/) which delivers map information as hypertext.
11-
This element depends on the [MapML Leaflet Plugin javascript library](https://github.com/Maps4HTML/MapML-Leaflet-Plugin).
14+
Example:
15+
<!---
16+
```
17+
<custom-element-demo>
18+
<template>
19+
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
20+
<link rel="import" href="web-map.html">
21+
<next-code-block></next-code-block>
22+
</template>
23+
</custom-element-demo>
24+
```
25+
-->
26+
```html
27+
<map is="web-map" zoom="3" lat="0" lon="0" width="800" height="400" controls>
28+
<layer- src="https://geogratis.gc.ca/mapml/en/osmtile/osm/" label="OpenStreetMap" checked></layer->
29+
</map>
30+
```
1231

1332
## Maps4HTML Community Group
1433

0 commit comments

Comments
 (0)