簡體   English   中英

如何在Google地圖中放大信息窗口?

[英]How do i make an info window in google maps bigger?

我試圖擴大窗口,以便我可以將來自Twitter的新聞提要放入其中。 我弄亂了一些內聯樣式,試圖使寬度和高度變大,無法使其正常工作,到目前為止,代碼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);
    });

如下所示,將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
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM