Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 添加标记群集以存储定位器库示例(使用Google Maps API v3)_Javascript_Google Maps_Google Maps Api 3_Google Maps Markers_Markerclusterer - Fatal编程技术网

Javascript 添加标记群集以存储定位器库示例(使用Google Maps API v3)

Javascript 添加标记群集以存储定位器库示例(使用Google Maps API v3),javascript,google-maps,google-maps-api-3,google-maps-markers,markerclusterer,Javascript,Google Maps,Google Maps Api 3,Google Maps Markers,Markerclusterer,我正在使用和改编来自的示例/演示 我想将簇标记添加到我的地图中。我认为与此相关的代码部分是: var ICON=new google.maps.MarkerImage(路径图像,null,null,new google.maps.Point(14,13)); var SHADOW=new google.maps.MarkerImage(pathShadow,null,null,new google.maps.Point(14,13)) google.maps.event.addDomListen

我正在使用和改编来自的示例/演示

我想将簇标记添加到我的地图中。我认为与此相关的代码部分是:

var ICON=new google.maps.MarkerImage(路径图像,null,null,new google.maps.Point(14,13)); var SHADOW=new google.maps.MarkerImage(pathShadow,null,null,new google.maps.Point(14,13))

google.maps.event.addDomListener
    ( 
        window, 
        'load', 
        function()
        {
            var map = new google.maps.Map
                ( 
                    document.getElementById( canvasLoc ), 
                    {
                        center: new google.maps.LatLng( 53.64, -3.3  ), 
                        zoom: 6, 
                        navigationControlOptions: {
                        style: google.maps.NavigationControlStyle.SMALL},
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    }
                );

            var panelDiv = document.getElementById( panelLoc );
            var data = new CustomDataSource;

            var view = new storeLocator.View
                ( 
                    map, 
                    data, 
                    {
                        geolocation: false,
                        features: data.getFeatures()
                    }
                );
                map.setOptions({styles: styles});

            view.createMarker = 
                function( store )
                {
                    var markerOptions = 
                        {
                            position: store.getLocation(), 
                            icon: ICON, 
                            shadow: SHADOW, 
                            title: store.getDetails().title
                        };
                    return new google.maps.Marker( markerOptions );
                }

            var infoBubble = new InfoBubble({
            maxWidth: 300,
            arrowSize: 20,
            borderWidth: 8,
            borderColor: 'rgb(255,255,255)',
            backgroundColor: 'rgba(204,204,204, 0.7)'
            });

            view.getInfoWindow = 
                function( store )
                {
                    if( !store )
                    {
                        return infoBubble;
                    }

                    var details = store.getDetails();

                    var html = 
                        [
                            '<div class="store"><div class="title">', 
                            details.title,
                            '</div><div class="address">', 
                            details.address, 
                            '</div>',
                            '<div class="hours misc">', 
                            details.hours, 
                            '</div></div>'
                        ].join('');


                    infoBubble.setContent( $( html )[0] );

                    return infoBubble;
                };

            new storeLocator.Panel
                (
                    panelDiv, 
                    {
                        view: view
                    }
                );
        }
    );
                var view = new storeLocator.View
                ( 
                    map, 
                    data, 
                    {
                        geolocation: false,
                        features: data.getFeatures()
                    }
                );
                map.setOptions({styles: styles});

            var markers=[];
            view.createMarker = 
                function( store )
                {
                    var markerOptions = 
                        {
                            position: store.getLocation(), 
                            icon: ICON, 
                            shadow: SHADOW, 
                            title: store.getDetails().title
                        };
                    return new google.maps.Marker( markerOptions );
                }
                markers.push(view.createMarker);
                markerClusterer = new MarkerClusterer(map, markers)