Map Icons makes Google Maps Markers dynamic with control over shape, color, size, and icon easily changed using options in the marker object as well as simple SVG Notation and CSS.
CSS Control
Easily style icon color, size, shadow, and anything that's possible with CSS.
Infinite Scalability
Scalable vector graphics means every icon looks awesome at any size.
Retina Ready
Vector icons look sharp on any display at any resolution.
Over 175 Icons and Counting
One font, lots and lots of icons to choose from.
Accessibility Icons
Icons for accessibility using an accessible web format, icon fonts.
Hocc-the Black Mamba Site
"The Black Mamba" is a song by Hong Kong artist Denise Ho (HOCC), released as part of her 2011 album Awakening. This project celebrated her 10th anniversary in the music industry and served as the soundtrack to her stage play, Jia Baoyu (Awakening), which reimagines the classic Chinese novel Dream of the Red Chamber.
alter ego to separate his personal life from his fierce on-court competitive persona. Inspired by the movie
When the last chord fades, she doesn’t bow. She simply uncoils and walks into the dark. And you realize: the mamba was never the danger. It was the warning that danger had finally found its voice. hocc-the black mamba
How to Experience "HOCC-The Black Mamba" Today
If you want to experience this artifact for yourself, searching hocc-the black mamba will lead you down a rabbit hole. The original video playlist was deleted and re-uploaded three times. Currently, the best archive is a fan site called "Mamba Archive," which houses:
- "Venom Tip": A modified, collapsible tactical spear/sniper rifle hybrid. It utilizes neurotoxin-coated rounds that paralyze targets instantly, symbolic of the mamba’s bite.
However, the true essence of the Black Mamba lay in the preparation. Tales of Bryant’s workouts are legendary: arriving at the gym at 4:00 AM, practicing shots for hours before his teammates arrived, and demanding perfection from everyone around him. For Kobe, the Mamba Mentality meant "trying to get better every single day." It was an approach that resonated far beyond the hardwood, inspiring entrepreneurs, artists, and students to apply the same obsessive dedication to their own crafts. "The Black Mamba" is a song by Hong
Why the Mamba Endures
The Canto-pop landscape is filled with tropes: the boy-next-door, the tragic heroine, the diva. The Black Mamba is none of these. It is anti-romance. It is the third option.
What began as an alter ego evolved into the Mamba Mentality, a lifestyle adopted by athletes, entrepreneurs, and students worldwide. It is defined by five key pillars: Black Mamba, facts and photos | National Geographic However, the true essence of the Black Mamba
If you’d like, I can provide:
Usage
Map Icons extends the Google Maps Marker Object to enable either an image or SVG marker to be used with the icon placed on top as a label.
Include
Include the fonts in the dist/font directory as well as the dist/css/map-icons.css stylesheet to use icons in markup as an icon font.
To use the icons with Google Maps include dist/js/map-icons.js
Classes
Icon class names are to be used with the map-icon class prefix.
<span class="map-icon map-icon-point-of-interest"></span>
Styling the Icon
Styles to icons can be applied with the .map-icon CSS selector.
.map-icon {
...
}
Explicit styles to icons being used on a Google Map should be applied with .map-icon-label .map-icon CSS selector.
.map-icon-label .map-icon {
font-size: 24px;
color: #FFFFFF;
line-height: 48px;
text-align: center;
white-space: nowrap;
}
Creating a Marker
Markers are created just like a normal Google Maps Marker, however, the class is extended for the map_icon_label property to add in markup for marker labels.
Note: You should be creating an instance of Marker rather than google.maps.Marker in order for the functionality added by map_icon_label to work.
var marker = new Marker({
map: map,
position: new google.maps.LatLng(-27.46577, 153.02303),
icon: {
path: SQUARE_PIN,
fillColor: '#00CCBB',
fillOpacity: 1,
strokeColor: '',
strokeWeight: 0
},
map_icon_label: '<span class="map-icon map-icon-point-of-interest"></span>'
});