首頁 > web前端 > js教程 > 在Google 地圖上實現做的標記相連接_javascript技巧

在Google 地圖上實現做的標記相連接_javascript技巧

WBOY
發布: 2016-05-16 16:22:08
原創
1672 人瀏覽過

這裡只是將Google地圖API的使用方法告訴大家,算是拋磚引玉吧,由於某些原因,谷歌已經遠離大家了。

複製程式碼 程式碼如下:




地理位置標題>



    html、內文、#map-canvas {
        邊距:0;
        填入:0;
        高度:100%;
    }
風格>
        } else {
            marker = new google.maps.Marker({
                position: latlng,
                map: map
            });
            var iw = '
' + locations[i][0] + '
';
        }
        iwarray[i] = iw;
        google.maps.event.addListener(marker, 'mouseover', (function(marker,i){
                return function(){
                    infoWindow = new google.maps.InfoWindow({
                        content: iwarray[i],
                        maxWidth: 200,
                        pixelOffset: new google.maps.Size(0, 0)
                    });
                    infoWindow.open(map, marker);
                }
            })(marker,i));
        google.maps.event.addListener(marker, 'mouseout', function() {
            infoWindow.close();
        });
        circle = new google.maps.Circle({
            map: map,
            radius: locations[i][3],
            fillColor: '#0000AA',
            fillOpacity: 0.01,
            strokeWeight: 1,
            strokeColor: '#0000CC',
            strokeOpacity: 0.8
        });
        circle.bindTo('center', marker, 'position');
    }
    map.fitBounds(latlngbounds);
    var listener = google.maps.event.addListenerOnce(map, "idle", function()
        {
        var zoomLevel = parseInt(map.getZoom());
        if (zoomLevel > 13)
            map.setZoom(13);
        });
    }
    google.maps.event.addDomListener(window, 'load', initialize);



   

身體>

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板