- Theme Engine
- Design Principles
- Templates
- EVML Reference
- Output
- Comments
- Operators
- Statements and Declarations
- Built-in Functions
- Built-in Objects
- Account
- Address
- Array
- Boolean
- Branch
- Cart
- CartLine
- Category
- CategoryCollection
- CategoryFilter
- CategoryFilterCollection
- CategoryFilterOption
- CategorySearch
- Collection
- Color
- Contact
- Currency
- Date
- Discount
- Dom
- Event
- EventCollection
- EventSlot
- Image
- Layout
- Locale
- Money
- Number
- Object
- Page
- PageCollection
- PageSearch
- PageSharer
- Pagination
- Postage
- Price
- PriceDiscount
- Product
- ProductCollection
- ProductCustomisation
- ProductDownload
- ProductMedia
- ProductMediaFrame
- ProductPrice
- ProductSearch
- ProductSpecification
- ProductSpecificationValue
- ProductVariation
- ProductVariationOption
- RecentlyViewed
- RegExp
- Request
- Review
- ReviewCollection
- Search
- SearchCollection
- SearchResult
- String
- Tag
- Template
- Url
- Website
- EV Tags
- CSS Pre-processor
- Ajax API
<ev:map />
A tag that generates a google map from the data provided.
<ev:map latitude="52.0533564" longitude="1.1616143" zoom="12" height="400" />
Attributes | |
---|---|
height |
Number (required) This is the height of your map.
Note: Your map must have a height. This can be set as an attribute, or through CSS. |
id |
String (optional) This is for your own reference.
|
key |
String (optional) Here you can pass in a google maps api key, if you ignore this attribute we will use the google maps api
key from your evance settings.
|
latitude |
Number (optional) Latitude in degrees. Values will be clamped to the range [-90, 90]. This means that if the value specified is less than -90, it will be set to -90. And if the value is greater than 90, it will be set to 90.
|
longitude |
Number (optional) Longitude in degrees. Values outside the range [-180, 180] will be wrapped so that they fall within the range. For example, a value of -190 will be converted to 170. A value of 190 will be converted to -170. This reflects the fact that longitudes wrap around the globe.
|
static |
String (optional)
Choose whether you wish your map to be a standard interactive map, or a static image of the map.
|
zoom |
Number (optional) The initial zoom level. Integers between 0 and 18 are valid.
|
<marker />
You can display markers on your map by including the marker tag inside of your map.
<ev:map height="400">
// Marker using longitude latitude for it's position.
<marker title="marker-one" latitude="52.0533564" longitude="1.1616143" />
// Marker using address for it's position.
<marker title="marker-two" address="Sorrel Horse Mews, Grimwade Street, Ipswich IP4 1LN" />
</ev:map>
Any text or html within your marker tag will generate an infowindow.
This infowindow will appear when a user clicks on the marker.
<ev:map height="400">
<marker title="marker" address="Sorrel Horse Mews, Grimwade Street, Ipswich IP4 1LN">
// Marker infowindow content.
<div class="content">
<h4>Lorem ipsum</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam auctor gravida sagittis. Nam tempus scelerisque
sollicitudin. Morbi efficitur, justo sed finibus vestibulum,
ipsum elit tristique leo, in fermentum lectus dui eget turpis.
</p>
</div>
</marker>
</ev:map>
Attributes | |
---|---|
address |
String (required) Google will attempt to locate the address provided
Note: Your marker must have either the 'address' attribute, or both 'latitude' and 'longitude' attributes. |
latitude |
Number (required) Latitude in degrees. Values will be clamped to the range [-90, 90]. This means that if the value specified is less than -90, it will be set to -90. And if the value is greater than 90, it will be set to 90.
Note: Your marker must have either the 'address' attribute, or both 'latitude' and 'longitude' attributes. |
longitude |
Number (required) Longitude in degrees. Values outside the range [-180, 180] will be wrapped so that they fall within the range. For example, a value of -190 will be converted to 170. A value of 190 will be converted to -170. This reflects the fact that longitudes wrap around the globe.
Note: Your marker must have either the 'address' attribute, or both 'latitude' and 'longitude' attributes. |
title |
String (required) When the user hovers over the marker they will see the title.
|
pin |
Url (optional) You can choose to use a custom image to appear instead of the standard google maps marker.
|
pinActive |
Url (optional) The active pin will only appear if the marker has an infowindow, and the infowindow is open.
|