Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.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 谷歌地图API消息框_Javascript_Php_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图API消息框

Javascript 谷歌地图API消息框,javascript,php,google-maps-api-3,Javascript,Php,Google Maps Api 3,我想知道为什么我的代码不起作用。我试图让谷歌地图API在点击时显示一个消息框。为了保密,我已经更改了lat和long以及消息框文本。任何帮助都将不胜感激!谢谢 <script> var mapCanvas = document.getElementById("map"); var mapOptions = { center: new google.maps.

我想知道为什么我的代码不起作用。我试图让谷歌地图API在点击时显示一个消息框。为了保密,我已经更改了lat和long以及消息框文本。任何帮助都将不胜感激!谢谢

                <script>
                var mapCanvas = document.getElementById("map");
                var mapOptions = {
                center: new google.maps.LatLng(54.2, -3.0), zoom: 6
                };
                var map = new google.maps.Map(mapCanvas, mapOptions);

                var center;
                function calculateCenter() {
                    center = map.getCenter();
                }
                    google.maps.event.addDomListener(map, 'idle', function() {
                    calculateCenter();
                });
                    google.maps.event.addDomListener(window, 'resize', function() {
                    map.setCenter(center);
                });


                var myLatlng = new google.maps.LatLng(1234567,-1233254);
                var mapOptions = {
                zoom: 4,
                center: myLatlng
                };
                //                    var map = new                                google.maps.Map(document.getElementById("map"), mapOptions);
                //
                var marker = new google.maps.Marker({
                position: myLatlng,
                title:"Hello World!"
                });

                // To add the marker to the map, call setMap();
                marker.setMap(map);


                //on click do the following
                marker.addListener('click', function() {

                //center the map to the marker
                map.setCenter(marker.getPosition());


                //make marker bounce on map
                marker.setAnimation(google.maps.Animation.BOUNCE);
                //setTimeout(function(){ marker.setAnimation(null); }, 750);



                var contentString = '<div id="content">'+
                        '<div id="Site">'+
                        '</div>'+
                        '<h1 id="firstHeading" class="firstHeading">11111</h1>'+
                        '<div id="BodyContent">'+
                        '<p>aaaaaaaaaa</p>'+
                        '</div>';

                var infowindow = new google.maps.InfoWindow({
                    content: contentString
                  });                    

                });   

                </script>

var mapCanvas=document.getElementById(“map”);
变量映射选项={
中心:新谷歌地图拉特宁(54.2,-3.0),缩放:6
};
var map=new google.maps.map(mapCanvas,mapOptions);
var中心;
函数calculateCenter(){
center=map.getCenter();
}
google.maps.event.addDomListener(映射'idle',函数(){
计算中心();
});
google.maps.event.addDomListener(窗口,“调整大小”,函数(){
地图设置中心(中心);
});
var mylatng=new google.maps.LatLng(1234567,-1233254);
变量映射选项={
缩放:4,
中心:myLatlng
};
//var map=new google.maps.map(document.getElementById(“map”)、mapOptions);
//
var marker=new google.maps.marker({
职位:myLatlng,
标题:“你好,世界!”
});
//要将标记添加到映射,请调用setMap();
marker.setMap(map);
//单击执行以下操作
marker.addListener('click',function()){
//将地图居中放置到标记上
map.setCenter(marker.getPosition());
//使标记在地图上反弹
setAnimation(google.maps.Animation.BOUNCE);
//setTimeout(函数(){marker.setAnimation(null);},750);
var contentString=''+
''+
''+
'11111'+
''+
“aaaaaaaaaa

”+ ''; var infowindow=new google.maps.infowindow({ 内容:contentString }); });
您没有“打开”信息窗口。您需要添加:
infowindow.open(map,marker)到单击侦听器

var-mapCanvas=document.getElementById(“map”);
变量映射选项={
中心:新google.maps.LatLng(54.2,-3.0),
缩放:6
};
var map=new google.maps.map(mapCanvas,mapOptions);
var中心;
函数calculateCenter(){
center=map.getCenter();
}
google.maps.event.addDomListener(映射'idle',函数(){
计算中心();
});
google.maps.event.addDomListener(窗口,“调整大小”,函数(){
地图设置中心(中心);
});
var mylatng=newgoogle.maps.LatLng(54.2,-3.0);
变量映射选项={
缩放:4,
中心:myLatlng
};
//var map=new google.maps.map(document.getElementById(“map”)、mapOptions);
//
var marker=new google.maps.marker({
职位:myLatlng,
标题:“你好,世界!”
});
//要将标记添加到映射,请调用setMap();
marker.setMap(map);
//单击执行以下操作
marker.addListener('click',function()){
//将地图居中放置到标记上
map.setCenter(marker.getPosition());
//使标记在地图上反弹
setAnimation(google.maps.Animation.BOUNCE);
//setTimeout(函数(){marker.setAnimation(null);},750);
var contentString=''+
'' +
'' +
'11111' +
'' +
“aaaaaaaaaa

”+ ''; var infowindow=new google.maps.infowindow({ content:contentString, }); 信息窗口。打开(地图、标记); });
html,
身体,
#地图{
身高:100%;
宽度:100%;
}


您的错误是什么?@weigreen谷歌地图API警告:noapikees您如何将信息窗口添加到地图?