Skip to content
A customised built-in <map> element
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

ahmadayubi Migration from Karma, Mocha, Chai to Jest + Playwright (#99)
* playwright testing added, karma testing moved to tempTests

* using Jest testing framework

* added express server for development testing

* jest fix

* server files neatness

* server.js moved

* tests run one by one

* readded karma for client side unit tests

* jest framework fix, karma removed

* clean up

* converted rest of the test

* needed for merge with upstream

* update with upstream and remove karma config

* reformatting for pull request

* reformatting

* reformatting part 2
Latest commit d39a284 May 20, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
src
test
.gitignore
.travis.yml
CONTRIBUTING.md
Gruntfile.js
LICENSE.md
README.md
index-map-area.html
index-mm-mapp.html
index-web-map.html
index.html
jest-e2e.config.js
jest-playwright.config.js
jest-unit.config.js
jest.config.js
map1.png
marker.mapml
package-lock.json
package.json

README.md

Customized built-in <map> element

Build Status

The customized built-in <map> element is a prototype implementation of the HTML-Map-Element specification.

The HTML author can add MapML sources/layers by specifying one or more <layer-> elements as children of <map>. The map provides a default set of controls which are turned on or off with the map's controls boolean attribute. The width and height attributes of the map should be specified, and can be overriden using CSS properties. The initial zoom and location of the map are controlled by the zoom, lat and lon attributes. The default projection is OSMTILE (Web Mercator).

Example:

<map is="web-map" zoom="3" lat="0" lon="0" width="800" height="400" controls>
    <layer- src="https://geogratis.gc.ca/mapml/en/osmtile/osm/" label="OpenStreetMap" checked></layer->
</map>

Maps for HTML Community Group

MapML and the <map> custom element are being developed by the W3C Maps for HTML Community Group. Membership in the group is encouraged, however you do not have to join to use the information found here. If you wish to contribute, please join the Maps For HTML Community Group, and help us make the Web a map-friendly platform for everyone, everywhere!

You can’t perform that action at this time.