![](/img/trans.png)
[英]How to make a modal for wordpress media link in Google Maps info window
[英]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.