User Tools

Site Tools

Trace: • thinkgeo_icon_fonts_package_guide

Sidebar

ThinkGeo Cloud

ThinkGeo UI Controls

ThinkGeo Open Source

Help and Support

External Resources

thinkgeo_icon_fonts_package_guide

Table of Contents

Packages

2 endpoints are provided to allow you to install Icon Fonts into your application, including “Develop” (Not encrypted and compressed, for debug purpose) and “Deployment” (Encrypted and compressed) .

CDN

Load from CDN in your project: 

<script src="https://cdn.thinkgeo.com/vectormap-icons/1.0.0/webfontloader.js"></script>
<script>
    WebFont.load({
        custom: {
            families: ["vectormap-icons"],
            urls: ["https://cdn.thinkgeo.com/vectormap-icons/1.0.0/vectormap-icons.css"]
        }
    });
</script>

NPM

  • Install the package:
npm i vectormap-icons
  • Use it in HTML page:

To use Vector Map Icons as your POI icons, you need to link to the CSS in the “&lt;head&gt;” section of html page. Just like below, 

<script src="./node_modules/mapsuite/fonts/webfontloader.js"></script>
<script>
WebFont.load({
custom: {
families: ["ThinkgeoFont"],
urls: ["./node_modules/mapsuite/fonts/icon.css"]
}
});
</script>
thinkgeo_icon_fonts_package_guide.txt · Last modified: 2019/02/19 07:40 by johnnyz

Page Tools