Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.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 如何使谷歌地图中的信息窗口变大?_Javascript_Html_Google Maps - Fatal编程技术网

Javascript 如何使谷歌地图中的信息窗口变大?

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

我想把窗口弄大一点,这样我就可以把推特的新闻稿放进去了。我搞砸了一些内联样式,试图使宽度和高度更大,但无法使其工作,以下是代码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.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 });
谢谢,我之前也试过了,但那只是替换了整个地图,我得到了新闻提要,但其他东西都不见了,你知道为什么会发生这种情况吗?试试这个,很好……我会编辑答案,你能接受我的答案吗。