javascript - markerclustererplus - Google Map API V3- MarkerClusterer undefined
markerclusterer options (2)
¡Acabo de agregar el grupo marcador más la gema a mi lista y comenzó a funcionar!
En su Gemfile, agregue esta línea:
gem ''markerclustererplus-rails'' Puede incluirlo agregando lo siguiente a su archivo javascript:
// = require markerclusterer
Referencia: https://github.com/RogerE/markerclustererplus-rails
Seguí la biblioteca y la guía de youtube para agregar marcador clusterer a mi mapa, pero me salió el problema.
MarkerClusterer undefined
Definí MarkerClusterer como show en la guía, pero aún así obtuve el error anterior. a continuación está mi código
<!DOCTYPE html>
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemasmicrosoft-
com:vml">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta charset="UTF-8" />
<title>Ma Page de Google Maps V3</title>
<style>
html, body, #map_canvas {
margin: 3;
padding: 3;
height: 100%;
}
</style>
<style type="text/css">
.tooltip {
background-color:#ffffff;
font-weight:bold;
border:2px #006699 solid;
width:150px}
</style>
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="http://www.google.com/jsapi"></script>
<script src="../src/data.json" type="text/javascript"></script>
<script type="text/javascript">
var script = ''<script type="text/javascript" src="../src/markerclusterer'';
if (document.location.search.indexOf(''compiled'') !== -1) {
script += ''_compiled'';
}
script += ''.js"><'' + ''/script>'';
document.write(script);
</script>
<script>
var trace_markers= [];
var markerCluster= null;
function Trace_Pin(Lat, Long, immat, type, site, vitesse, date)
{
var image_trace = new google.maps.MarkerImage(''http://maps.google.com/mapfiles/kml/pal3/icon61.png'',
new google.maps.Size(32, 32),
new google.maps.Point(0,0),
new google.maps.Point(16, 16));
var vehlatlng = new google.maps.LatLng(Lat, Long) ;
var trace_marker = new google.maps.Marker({
position: vehlatlng,
icon: image_trace });
trace_marker.tooltip_html = ''<div class="tooltip">'' + ''Date : '' + date + ''<br>'' + ''Vitesse : '' + vitesse + '' km/h'' + ''<br>'' + ''<//div>'';
trace_markers.push(trace_marker);
markerCluster = new MarkerClusterer(map, trace_markers);
Liste_Points.push(trace_marker.getPosition());
TraceBounds.extend(trace_marker.position);
}
</script>
¿Dónde hice mal?
descubrí que necesito descargar el marcadorclusterrer.js de la biblioteca de google, http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js y subirlo al servidor , simplemente agrégalo y eso debería resolver el problema. gracias por ayudar :)
Reemplace esto
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="http://www.google.com/jsapi"></script>
<script src="../src/data.json" type="text/javascript"></script>
<script type="text/javascript">
var script = ''<script type="text/javascript" src="../src/markerclusterer'';
if (document.location.search.indexOf(''compiled'') !== -1) {
script += ''_compiled'';
}
script += ''.js"><'' + ''/script>'';
document.write(script);
</script>
con este
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="markerclusterer.js" type="text/javascript"></script>