Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.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 maker地图名称和说明_Javascript_Wordpress_Google Maps - Fatal编程技术网

Javascript 如何添加Google maker地图名称和说明

Javascript 如何添加Google maker地图名称和说明,javascript,wordpress,google-maps,Javascript,Wordpress,Google Maps,我有个问题。这是谷歌地图JavaScript代码。我想添加标记名和描述,以及鼠标悬停效果中显示的标记。 谢谢 var映射; 函数initMap(){ map=new google.maps.map(document.getElementById('map'){ 缩放:15, 中心:新google.maps.LatLng(-33.91722151.23064), mapTypeId:“路线图” }); 变量图标={ 停车场:{ 图标:“icon32.png” } }; 变量特征=[ { 位置:新

我有个问题。这是谷歌地图JavaScript代码。我想添加标记名和描述,以及鼠标悬停效果中显示的标记。 谢谢


var映射;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:15,
中心:新google.maps.LatLng(-33.91722151.23064),
mapTypeId:“路线图”
});
变量图标={
停车场:{
图标:“icon32.png”
}
};
变量特征=[
{
位置:新google.maps.LatLng(-33.91721151.22630),
类型:“停车”
}, {
位置:新google.maps.LatLng(-33.915391151.22820),
类型:“停车”
}
];
//创建标记。
features.forEach(函数(feature){
var marker=new google.maps.marker({
位置:feature.position,
图标:图标[feature.type]。图标,
地图:地图
});
});
}

您应该使用此修改后的代码来实现以下目标:

<script>
    var infowindows = [];
    var map;
    var Markers = [
        ['Palace of Westminster', 'London', '51.499332, -0.124659'],
        ['Tower Bridge', 'London', '51.505396, -0.075432'], 
    ];
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            zoom: 15,
            center: new google.maps.LatLng(51.485570, -0.129103),
            mapTypeId: 'roadmap'
        });
        var icons = {
            parking: {
                icon: 'icon32.png'
            }
        };

        // Create markers.
        for (var i=0; i<Markers.length; i++) {
            var contentString = '<div class="infoWindow"><strong>' + Markers[i][0] + '<\/strong>' +
                '<br>' + Markers[i][1] + '<\/div>';
            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            latLngString = Markers[i][2];
            latLngString = latLngString.replace("(","");
            latLngString = latLngString.replace(")","");
            latLngString = latLngString.trim();         

            var lat = latLngString.split(",")[0].trim();
            var lng = latLngString.split(",")[1].trim();
            var latLng = new google.maps.LatLng(lat, lng);

            var marker = new google.maps.Marker({
                map: map,
                position: latLng,
                icon: icons[parking].icon,              
            });
            google.maps.event.addListener(marker, 'mouseover', function() {
                infowindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function() {
                infowindow.close(map, marker);
            });
            infowindows.push(infowindow);
        }
    }
</script>

var infowindows=[];
var映射;
变量标记=[
[威斯敏斯特宫','伦敦','51.499332,-0.124659'],
[Tower Bridge'、'London'、'51.505396、-0.075432'],
];
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:15,
中心:新google.maps.LatLng(51.485570,-0.129103),
mapTypeId:“路线图”
});
变量图标={
停车场:{
图标:“icon32.png”
}
};
//创建标记。

for(var i=0;它包含您的代码。您可以在不使用foreach的情况下添加此代码吗。例如['lause of Westminster,London',-33.840282151.207474]
<script>
    var infowindows = [];
    var map;
    var Markers = [
        ['Palace of Westminster', 'London', '51.499332, -0.124659'],
        ['Tower Bridge', 'London', '51.505396, -0.075432'], 
    ];
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            zoom: 15,
            center: new google.maps.LatLng(51.485570, -0.129103),
            mapTypeId: 'roadmap'
        });
        var icons = {
            parking: {
                icon: 'icon32.png'
            }
        };

        // Create markers.
        for (var i=0; i<Markers.length; i++) {
            var contentString = '<div class="infoWindow"><strong>' + Markers[i][0] + '<\/strong>' +
                '<br>' + Markers[i][1] + '<\/div>';
            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            latLngString = Markers[i][2];
            latLngString = latLngString.replace("(","");
            latLngString = latLngString.replace(")","");
            latLngString = latLngString.trim();         

            var lat = latLngString.split(",")[0].trim();
            var lng = latLngString.split(",")[1].trim();
            var latLng = new google.maps.LatLng(lat, lng);

            var marker = new google.maps.Marker({
                map: map,
                position: latLng,
                icon: icons[parking].icon,              
            });
            google.maps.event.addListener(marker, 'mouseover', function() {
                infowindow.open(map, marker);
            });
            google.maps.event.addListener(marker, 'mouseout', function() {
                infowindow.close(map, marker);
            });
            infowindows.push(infowindow);
        }
    }
</script>