Παρουσιάστηκε το αρχείο API των Χαρτών Baidu
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your key" ></script>
Δημιουργία παρουσίας χάρτη και ορισμός βασικών ιδιοτήτων
συνάρτηση huaLine(id, sj, numSelect) {
Λειτουργία API χάρτη Baidu
χάρτης = νέο BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); Δημιουργήστε παρουσίες χάρτη, συνδυάστε χάρτες, συντεταγμένες και δορυφορικούς χάρτες
map.centerAndZoom(νέο BMap.Point(104.06, 30.67), 5); Αρχικοποιήστε τον χάρτη, ορίστε τις συντεταγμένες του κεντρικού σημείου και το επίπεδο του χάρτη
map.enableScrollWheelZoom(true); Ενεργοποιήστε το ζουμ του τροχού του ποντικιού
Παρουσίαση της προσθήκης συνάθροισης σημείων χάρτη Baidu
<σενάριο δακτυλογραφώ="κείμενο/javascript" Πηγή / Πηγή="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<σενάριο δακτυλογραφώ="κείμενο/javascript" Πηγή / Πηγή="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
Δημιουργία προσαρμοσμένων ιδιοτήτων για την υλοποίηση της συνάθροισης σημείων
Δημιουργία πίνακα
δείκτες var = [];
Δημιουργήστε ένα σημείο με συντεταγμένες x και y σε pixel
var pt = νέο BMap.Point(γεωγραφικό μήκος, γεωγραφικό πλάτος)·
Ορίστε το εικονίδιο της ετικέτας και αλλάξτε το μέγεθος της εισαγόμενης εικόνας
var myIcon = νέο BMap.Icon(".. /.. /img/work/yuan.png", νέο BMap.Size(32, 32));
Δημιουργήστε έναν σχολιασμό, ορίστε το γεωγραφικό πλάτος και μήκος του σχολιασμού και της σχολιασμένης εικόνας
var marker2 = νέο BMap.Marker(pt, { icon: myIcon });
Προσθέστε τα σημεία που πρέπει να συναθροιστούν στον πίνακα
markers.push(δείκτης2);
Αρχικοποίηση συνάθροισης σημείων
var markerClusterer = νέο BMapLib.MarkerClusterer(χάρτης, {markers:markers});
Σημείωση: Τα υπάρχοντα πρόσθετα συγκέντρωσης σημείων είναι σχετικά κολλημένα, μπορείτε να μεταβείτε στο Baidu για να αναζητήσετε ορισμένα πρόσθετα που έχουν τροποποιηθεί από μεγάλα παιδιά για χρήση
| 
Δημοσιεύτηκε στις 7/7/2020 2:56:33 μ.μ.
|
|
|
