{
"name": {
default: "No name"
},
"options.center.lat": { validator: validators.number },
"options.center.lng": { validator: validators.number },
"options.zoom": {
validator: validators.number,
default: 15
},
"options.type": {
default: "ROADMAP"
},
"markers.0.label": {},
"markers.0.title": {},
"markers.0.position.lat": { validator: validators.number },
"markers.0.position.lng": { validator: validators.number },
"markers.0.icon.path": {},
"markers.0.icon.label": {},
"markers.0.icon.size.w": { default: 100, validator: validators.number },
"markers.0.icon.size.h": { default: 100, validator: validators.number },
"markers.0.icon.origin.x": { default: 0, validator: validators.number },
"markers.0.icon.origin.y": { default: 0, validator: validators.number },
"markers.0.icon.anchor.x": { default: 0, validator: validators.number },
"markers.0.icon.anchor.y": { default: 0, validator: validators.number },
"markers.0.infowin.content": {},
"markers.0.visible": { default: true }
}
- Log in into your account.
- Create your markers, icons, info windows
- Create the map and link the markers to it.
- After creating the map, use the generated link to embed it (e.g.
http://maps.jillix.net/embed?mapId=<generated id>
)
Access map data from remote interface/file.
maps.jillix.net/embed?data=http://example.com/api/map/getData
or
maps.jillix.net/embed?data=http://example.com/map-data.json
The response should end with a 200
status code.
The map must receive data as Map data resource type.
{
"name": {"type": "string"},
"options": {
"center": {
"lat": {"type": "number"},
"lng": {"type": "number"},
},
"zoom": {"type": "number"},
"type": {"type": "string"},
"clustering": {
"options": {"type": "object"}
}
},
"markers": [{
"type": "marker"
}]
}
The clustering
key is optional. If present, the markers will be clustered as instructed by the clustering.options
object. If no clustering options are provided, the default MarkerClusterer
behavior will be used.
{
"title": {"type": "string"},
"position": {
"lat": {"type": "number"},
"lng": {"type": "number"},
},
"visible": {"type": "boolean", "default": true},
"infowin": {"type": "infowindow"},
"icon": {"type": "icon"}
}
{
"content": {"type": "string"}
}
{
"path": {"type": "string"},
"size": {
"w": {"type": "number"},
"h": {"type": "number"}
},
"origin": {
"x": {"type": "number"},
"y": {"type": "number"}
},
"anchor": {
"x": {"type": "number"},
"y": {"type": "number"}
}
}
See the LICENSE file.