Bower World File Doesn't Load Map #107
Comments
|
How are you referencing the bower file? I just tired this and it works as expected. I did a Then created a file called <!DOCTYPE html>
<html>
<head>
<style>
.active { fill: blue !important;}
/*.datamaps-key dt, .datamaps-key dd {float: none !important;}
.datamaps-key {right: -50px; top: 0;}*/
</style>
</head>
<body>
<div id="container1" style="border:1px dotted blue; width: 700px; height: 475px; position: relative;"></div>
<script src="/bower_components/datamaps/src/js/components/d3/d3.min.js"></script>
<script src="/bower_components/datamaps/src/js/components/topojson/topojson.js"></script>
<!-- <script src="/src/js/json2.js"></script> -->
<script src="/bower_components/datamaps/dist/datamaps.world.js"></script>
<script>
var election = new Datamap({
scope: 'world',
element: document.getElementById('container1'),
geographyConfig: {
popupOnHover: false,
highlightOnHover: false,
borderColor: '#444',
borderWidth: 0.5
},
data: {
USA: {
fillKey: 'neato'
}
},
fills: {
'Visited': '#306596',
'neato': '#0fa0fa',
'Trouble': '#bada55',
defaultFill: '#dddddd'
}
});
</script>
</body>
</html>And everything runs correctly. Could it be a |
|
Double check you are referencing a file in the |
|
Closing until I can get some more info |
|
This could have been related to #113 It's been almost a year now though, so who knows 😝 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Installed datamaps via bower and loaded up the files as described in your "getting started" example; the map object is created but the visuals do not load.
Loading it using the world file downloaded from your site landing page works as expected.
The text was updated successfully, but these errors were encountered: