Samples

Overview

On this page, you will find various plunker samples illustrating the use of Angular Maps. Some samples contain both a Google and Bing implementation. Compare the code to see that the implementations are the same, the only difference being the injected map loader, which is exactly the objective of x-maps.

Basic Map Samples

• Simple map with marker - Bing | Google
• Basic map with multiple data-bound markers - Bing | Google

Custom Marker Samples

• Bing Map with Canvas Marker (easily create any custom marker shapes)
• Bing Map with Rotated Image Marker
• Bing Map with Scaled Image Marker
• Bing Map with Rounded Image Marker
• Bing Map with Font Based Marker (use any icon font)

Advanced Samples

• Layered Bing map with multiple databound markers.
• Map with multiple data-bound markers in a cluster layer with dynamic size markers - Bing | Google
• Bing Map with spider cluster. Wicked. Special shoutout to @rbrundritt.