Javascript 如何使谷歌地图中的信息窗口变大?
我想把窗口弄大一点,这样我就可以把推特的新闻稿放进去了。我搞砸了一些内联样式,试图使宽度和高度更大,但无法使其工作,以下是代码iv到目前为止所做的Javascript 如何使谷歌地图中的信息窗口变大?,javascript,html,google-maps,Javascript,Html,Google Maps,我想把窗口弄大一点,这样我就可以把推特的新闻稿放进去了。我搞砸了一些内联样式,试图使宽度和高度更大,但无法使其工作,以下是代码iv到目前为止所做的 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.s
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>
function initialize() {
var lnl = new google.maps.LatLng(33.8564199,-117.3610477);
var opt = {
zoom: 6,
center: lnl
}
var poop = '<div id="poop2" >' + '<a class="twitter-timeline" href="https://twitter.com/GreekTheatreLA" data-widget-id="448463912984256512">Tweets by @GreekTheatreLA</a>' + '</div>';
var map = new google.maps.Map(document.getElementById('map-props'), opt);
var infowindow = new google.maps.InfoWindow({
content:'<p id="hook"><a class="twitter-timeline" href="https://twitter.com/GreekTheatreLA" data-widget-id="448463912984256512">Tweets by @GreekTheatreLA</a></p>'
});
var griff = new google.maps.LatLng(34.1183438,-118.3003646);
var griff_mark = new google.maps.Marker({
position: griff,
animation: google.maps.Animation.DROP,
title: "Griffith Observatory"
});
google.maps.event.addListener(griff_mark, 'click', function(){
infowindow.open(map, griff_mark);
});
!函数(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http://.test(d.location)''http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+“://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}(文档,“脚本”,“twitter wjs”);
函数初始化(){
var lnl=new google.maps.LatLng(33.8564199,-117.3610477);
变量opt={
缩放:6,
中心:lnl
}
var poop=“”+“”+“”;
var map=new google.maps.map(document.getElementById('map-props'),opt);
var infowindow=new google.maps.infowindow({
内容:''
});
var griff=newgoogle.maps.LatLng(34.1183438,-118.3003646);
var griff_mark=新的google.maps.Marker({
职位:格里夫,
动画:google.maps.animation.DROP,
标题:“格里菲斯天文台”
});
google.maps.event.addListener(griff_标记,'click',function(){
信息窗口。打开(地图,格里夫马克);
});
在信息窗口中将maxWidth添加到代码中,如下所示
var infowindow = new google.maps.InfoWindow({
content:'<p id="hook" style="height:200px; width: 800px;"><a class="twitter-timeline" href="https://twitter.com/GreekTheatreLA" data-widget-id="448463912984256512">Tweets by @GreekTheatreLA</a></p>',
maxWidth: 200
});
var infowindow=new google.maps.infowindow({
内容:',
最大宽度:200
});
谢谢,我之前也试过了,但那只是替换了整个地图,我得到了新闻提要,但其他东西都不见了,你知道为什么会发生这种情况吗?试试这个,很好……我会编辑答案,你能接受我的答案吗。