Javascript 谷歌地图API消息框
我想知道为什么我的代码不起作用。我试图让谷歌地图API在点击时显示一个消息框。为了保密,我已经更改了lat和long以及消息框文本。任何帮助都将不胜感激!谢谢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.
<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您如何将信息窗口添加到地图?