Mapas
Data-map Link Oficial Página Exemplo
<!-- Map html start -->
<div class="data-basic-map" id="map-1"></div>Para usar o data-map você precisa adicionar os seguintes arquivos de script
<!-- data-map-->
<script src="arquivos/assets/js/vendors/datamaps/src/js/components/d3/d3.min.js"></script>
<script src="arquivos/assets/js/vendors/datamaps/src/js/components/topojson/topojson.js"></script>
<script src="arquivos/assets/js/vendors/datamaps/dist/datamaps.world.min.js"></script>
<script src="arquivos/assets/js/datamap-custom.js"></script>script personalizado adicionado no arquivo custom.js para esta exibição de mapa e seu código html id should be
match com seu script personalizado js
Vector map Link Oficial Página Exemplo
<!-- Map html start -->
<div class="jvector-map-height" id="world-map"></div>Para usar o mapa vetorial, você deve adicionar os seguintes arquivos de script
<!--vector map js-->
<script src="arquivos/assets/js/vector-map/jquery-jvectormap-2.0.2.min.js"></script>
<script src="arquivos/assets/js/vector-map/map/jquery-jvectormap-world-mill-en.js"></script>
<script src="arquivos/assets/js/vector-map/map/jquery-jvectormap-us-aea-en.js"></script>
<script src="arquivos/assets/js/vector-map/map/jquery-jvectormap-uk-mill-en.js"></script>
<script src="arquivos/assets/js/vector-map/map/jquery-jvectormap-au-mill.js"></script>
<script src="arquivos/assets/js/vector-map/map/jquery-jvectormap-chicago-mill-en.js"></script>
<script src="arquivos/assets/js/vector-map/map/jquery-jvectormap-in-mill.js"></script>
<script src="arquivos/assets/js/vector-map/map/jquery-jvectormap-asia-mill.js"></script>
<script src="arquivos/assets/js/vector-map/map-vector.js"></script>cscript personalizado adicionado no arquivo map-vector.js para esta exibição de mapa e seu código html id should
be match com seu script personalizado js
Para usar o mapa vetorial você tem que adicionar o seguinte arquivo de estilo
<!--Vector Map css-->
<link rel="stylesheet" type="text/css" href="arquivos/assets/css/vendors/vector-map.css">