A bing map component for ember-cli
npm install ember-cli-bing-mapSimple bing map component for ember-cli
Demo
(Markers, PolygonLocation, and Polygon colors are random in this demo)
``
ember install ember-cli-bing-map
The component should take the style properties from its parent.
`
{{bing-map lat=lat lng=lng zoom=zoom mapTypeId=mapTypeId markers=markers polygonLocation=polygonObject}}
`
Add reference to the map control in the index.html.
`
Add Bing API to environment.js.
`
bingAPI: 'API-KEY',
Current available entities:
lat = number value
lng = number value
zoom = integer up to 20
mapTypeId = string value: 'a' for aerial view, 'r' for road view
markers = array of objects with lat and lng values
example:
`
markers: [
{
lat: 18.35570,
lng: -66.004951
}
]
polygonLocation = object with location objects containing lat and lng values
example:
`
polygonLocation: {
location1:{
lat: 18.5,
lng: -66.3
},
location2:{
lat:18.5,
lng:-65.9
},
location3:{
lat: 18.15,
lng: -65.9
},
location4:{
lat: 18.15,
lng: -66.3
},
}
_polygonLocation Color properties_:
fillColor = array with a,r,b,g colors
strokeColor = array with a,r,b,g colors
- To use, both properties must have values assigned
- Default value is [100, 100, 0, 100]
example:
`
fillColor: [100, 100, 0, 100];
strokeColor: [200, 34, 80, 37];