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.
Once completed, restart your system and attempt the installation. 5. Update Microsoft Visual C++ Redistributables
Re-download the installer from the official source and install it again. 2. Check Antivirus/Firewall Quarantine
Many EaseUS products offer both a "web installer" (a few MB that downloads components on-the-fly) and an "offline installer" (full 100+ MB package). The web installer is prone to es2utilityexe errors because it may time out while downloading required utilities.
Clear your browser cache or use a different browser to download a fresh copy of the installation package. 5. Execute System File Checker (SFC) es2utilityexe system error install
Many standalone utility files depend on Microsoft Visual C++ packages to execute.
Your antivirus is falsely flagging the utility as a threat and blocking it.
How to Fix the es2utility.exe System Error During Installation Once completed, restart your system and attempt the
DISM /Online /Cleanup-Image /RestoreHealth
The es2utility.exe system error during an installation is usually a byproduct of strict security permissions, missing runtime files, or broken installer archives. Starting with basic administrative privileges and progressing to updating your Microsoft Visual C++ components will resolve the vast majority of occurrences. To help narrow down the exact cause, tell me:
If the error specifies a .dll (e.g., vcruntime140.dll , api-ms-win-crt-runtime-l1-1-0.dll ): Clear your browser cache or use a different
Right-click on and select Run as administrator . Type the following command and press Enter : sfc /scannow Use code with caution.
Windows will scan for and automatically replace any damaged system files. Restart your PC once the verification finishes. Conclusion
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>'
});