Dies wurde zwar schon einmal gefragt, aber ich hoffe, dass ich eine spezifische Antwort auf das Problem erhalte, das mir begegnet. Ich bin neu in d3 und ich versuche, einen lat/long für jetzt zu planen (ich werde den Rest machen, wenn ich mit dem ersten erfolgreich bin). Schätzen Sie die Hilfe der Experten. Vielen Dank.Uncaught TypeError: Kann die Eigenschaft 'albersUsa' von undefined nicht lesen
Der Versuch, eine Zellsite in einem bestimmten Bereich zu zeichnen.
Hier ist der Code:
<head>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="d3.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script src="datamaps.usa.min.js"></script>
<style>
#map {
height: 550px;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map = new google.maps.Map(d3.select("#map").node(), {
zoom: 8,
center: new google.maps.LatLng(32.7830600, -96.8066700),
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles: [{
"stylers": [{
"saturation": -75
}, {
"lightness": 10
}]
}]
});
var places = [
{
name: "Site1",
location: {
latitude: 32.7935,
longitude: -97.9619
}
}
]
var projection = d3.geo.albersUsa();
// add circles to svg
svg.selectAll("circle")
.data(places)
.enter().append("circle", "circle")
.attr("r", 5)
.attr("transform", function(d) {return "translate(" + projection([
d.location.longitude, d.location.latitude ]) + ")";
});
</script>
</body>
</html>
Welche Version von d3 verwenden Sie? –
Das sehen Sie in d3.min.js - https://d3js.org Version 4.7.3. Copyright 2017 Mike Bostock. – DP8