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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/hibernate/5.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
Google maps 谷歌地图API V3未显示_Google Maps - Fatal编程技术网

Google maps 谷歌地图API V3未显示

Google maps 谷歌地图API V3未显示,google-maps,Google Maps,嗨,我正在尝试建立一个商店定位应用程序。由于某些原因,谷歌地图不会显示在onclick事件上。我已经在Chrome中检查了javascript控制台,没有任何错误。我已经在下面附上了我的代码。也请解释这种错误的原因。 我复制了部分代码,我认为这可能是问题的原因,因为我的地理代码工作正常,并在文本字段中输入了与目的地最近的地方的名称 infowin.openmap,标记 google.maps.event.addListener(marker, 'click', function(){

嗨,我正在尝试建立一个商店定位应用程序。由于某些原因,谷歌地图不会显示在onclick事件上。我已经在Chrome中检查了javascript控制台,没有任何错误。我已经在下面附上了我的代码。也请解释这种错误的原因。 我复制了部分代码,我认为这可能是问题的原因,因为我的地理代码工作正常,并在文本字段中输入了与目的地最近的地方的名称

infowin.openmap,标记

    google.maps.event.addListener(marker, 'click', function(){
        infowin.open(map, marker);
    });
    var nowRow = document.getElementById('teamRow1');
    function changeMap(n,ob) {
        nowRow.className = "";
        ob.className = "selected";
        nowRow = ob;

        switch(n-1) {
            case 0:
                latlng = new google.maps.LatLng(<?php echo $latValues[0]; ?>,<?php echo $lngValues[0]; ?>);
                break;
            case 1:
                latlng = new google.maps.LatLng(<?php echo $latValues[1]; ?>,<?php echo $lngValues[1]; ?>);
            break;
            case 2:
                latlng = new google.maps.LatLng(<?php echo $latValues[2]; ?>,<?php echo $lngValues[2]; ?>);
            break;
            case 3:
                latlng = new google.maps.LatLng(<?php echo $latValues[3]; ?>,<?php echo $lngValues[3]; ?>);
                break;
            case 4:
                latlng = new google.maps.LatLng(<?php echo $latValues[4]; ?>,<?php echo $lngValues[4]; ?>);
                break;
            }

            opts = {
                zoom: 15,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false,
                navigationControl: true,
                navigationControlOptions: {
                    style: google.maps.NavigationControlStyle.SMALL
                }
            };
            map = new google.maps.Map(document.getElementById("maps"), opts);
            infowin = new google.maps.InfoWindow({
                content: ""
            });

            var marker = new google.maps.Marker({
                position: latlng,
                map: map,
                icon: image,
                title: ""
            });
            infowin.open(map, marker);

            google.maps.event.addListener(marker, 'click', function(){
                infowin.open(map, marker);
            });
    }

您的代码似乎存在一些格式问题…我发现了错误,这是CSS样式,我错过了它。
    google.maps.event.addListener(marker, 'click', function(){
        infowin.open(map, marker);
    });
    var nowRow = document.getElementById('teamRow1');
    function changeMap(n,ob) {
        nowRow.className = "";
        ob.className = "selected";
        nowRow = ob;

        switch(n-1) {
            case 0:
                latlng = new google.maps.LatLng(<?php echo $latValues[0]; ?>,<?php echo $lngValues[0]; ?>);
                break;
            case 1:
                latlng = new google.maps.LatLng(<?php echo $latValues[1]; ?>,<?php echo $lngValues[1]; ?>);
            break;
            case 2:
                latlng = new google.maps.LatLng(<?php echo $latValues[2]; ?>,<?php echo $lngValues[2]; ?>);
            break;
            case 3:
                latlng = new google.maps.LatLng(<?php echo $latValues[3]; ?>,<?php echo $lngValues[3]; ?>);
                break;
            case 4:
                latlng = new google.maps.LatLng(<?php echo $latValues[4]; ?>,<?php echo $lngValues[4]; ?>);
                break;
            }

            opts = {
                zoom: 15,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false,
                navigationControl: true,
                navigationControlOptions: {
                    style: google.maps.NavigationControlStyle.SMALL
                }
            };
            map = new google.maps.Map(document.getElementById("maps"), opts);
            infowin = new google.maps.InfoWindow({
                content: ""
            });

            var marker = new google.maps.Marker({
                position: latlng,
                map: map,
                icon: image,
                title: ""
            });
            infowin.open(map, marker);

            google.maps.event.addListener(marker, 'click', function(){
                infowin.open(map, marker);
            });
    }