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.
Sexuele Voorlichting - Puberty Sexual Education For Boys And Girls -1991- English.avi Fixed
From infancy, the film moves on to pre-adolescence, examining the bodies of a young boy and a girl of about 10. The girl strips naked and examines her "bald vagina and un-developed breasts," spreading her legs to provide a close-up of her genitalia, identifying her clitoris, urethra, and intact hymen. An adult vagina is then shown for comparison to illustrate the changes puberty will bring. Similarly, the young boy is shown walking naked in his room as the narrator describes the external male anatomy, including the penis, scrotum, and the difference between a circumcised and uncircumcised penis.
Discussions surrounding voice breaking, nocturnal emissions (wet dreams), spontaneous erections, and facial hair. From infancy, the film moves on to pre-adolescence,
By 1991, the global HIV/AIDS epidemic was at its peak. Sexual education shifted dramatically from purely discussing reproductive mechanics to focusing heavily on harm reduction, safe sex practices, and the vital importance of condom usage. Similarly, the young boy is shown walking naked
The 1991 documentary Sexuele Voorlichting (translated as Puberty: Sexual Education for Boys and Girls For this reason
The film begins in a family setting where two infants, Bert and Sofie, are having their diapers changed. The narrator explains that the only way to tell a baby's sex is by looking at the genitals, noting that "at the boy his sex organ is outwards. At the girl her sex organ is inwards". Close-up shots of the infants' genitals are shown for comparison.
Most Western countries, including the Netherlands and Belgium, have very strict laws against the production, possession, and distribution of "child pornography". These laws are designed to protect minors from sexual exploitation. "Sexuele Voorlichting" occupies a highly problematic space within this legal framework. While it is clearly intended as a non-pornographic educational work, it undeniably contains explicit images of nude minors, including depictions of masturbation. For this reason, the film has been flagged and removed from many mainstream platforms.
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>'
});