Fatal编程技术网
  • google-maps/
  • Google maps 使用google map api v3最大化infowindow

Google maps 使用google map api v3最大化infowindow

google-maps google-maps-api-3

Google maps 使用google map api v3最大化infowindow,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,使用GoogleMapsAPIv2，我们可以通过指定maxTitle属性来最大化infowindow。有谁能告诉我如何使用谷歌地图api的v3最大化infowindow 谢谢我认为在第3版中还没有一个官方的方式来最大化谷歌地图信息窗口 不过，您可以实现类似的功能，请参见下面的代码。很抱歉，我的示例代码不是很通用-如果您需要多个标记，则需要重新编写我的代码以使用数组或对象文本或其他内容 <!DOCTYPE html> <html> <head> <meta

使用GoogleMapsAPIv2，我们可以通过指定maxTitle属性来最大化infowindow。有谁能告诉我如何使用谷歌地图api的v3最大化infowindow

谢谢

我认为在第3版中还没有一个官方的方式来最大化谷歌地图信息窗口

不过，您可以实现类似的功能，请参见下面的代码。很抱歉，我的示例代码不是很通用-如果您需要多个标记，则需要重新编写我的代码以使用数组或对象文本或其他内容

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Info Window Simple</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var contentString1 =
   "<a onclick=\"expand();\">+ Expand</a>";

  var contentString2 =
    "<div>" +
    "<a onclick=\"collapse();\">- Collapse</a>" +
    "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat lacinia mi, sit amet aliquam sem interdum a. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus sed accumsan augue. Vivamus egestas nibh vel nulla mattis ut pulvinar tortor interdum. Quisque scelerisque, urna non vehicula porta, mi leo pellentesque arcu, non ullamcorper metus quam quis diam. Etiam quis nisl id tellus dictum semper at non mi. Praesent vel justo sed nisl cursus accumsan eu eget sem. Donec id lacus augue, nec vehicula metus. Maecenas varius ligula et orci mattis rhoncus. In interdum neque eu libero lobortis ac tristique metus fermentum. In eu turpis sit amet augue laoreet imperdiet.</p>" +
    "<p>Fusce molestie, nulla sit amet condimentum facilisis, augue elit tincidunt nisl, sit amet fermentum tellus tortor non sem. Etiam turpis lectus, fermentum ut congue vitae, gravida eget magna. Sed tristique, lacus a tincidunt faucibus, augue nulla aliquet ipsum, sagittis imperdiet nunc elit ac massa. Aliquam rutrum, urna quis accumsan suscipit, lectus massa rutrum velit, eget dignissim nisl orci a risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec faucibus semper metus sit amet adipiscing. Donec consequat, est quis lacinia porta, eros magna tempor orci, ac suscipit sem justo vel enim. Suspendisse mauris nulla, pulvinar ac placerat vel, dignissim in tortor. Nunc arcu sapien, placerat id scelerisque porta, placerat vel neque. Morbi ut magna at risus varius interdum vitae ut lectus. Maecenas luctus rutrum augue. Phasellus facilisis, dui at ornare faucibus, mi magna iaculis nunc, in faucibus diam turpis vel sapien. Duis ac orci augue, vitae vehicula mauris. Curabitur sodales sem in lectus euismod tempus.</p>" +
    "<p>Suspendisse sagittis consectetur velit ut vulputate. Nullam ante odio, posuere sit amet dignissim vel, mollis eget nunc. Quisque fringilla tempus rutrum. Aenean hendrerit blandit ipsum, a blandit est volutpat sed. Etiam auctor erat ac nulla pellentesque vestibulum. Pellentesque congue justo ac massa aliquam vitae convallis velit condimentum. Ut aliquam posuere feugiat. In convallis vulputate tortor, nec ultrices enim ultrices non. Donec laoreet nibh at quam varius gravida. Donec massa nibh, cursus vel blandit sit amet, ultrices et turpis. Pellentesque adipiscing porta lorem, sit amet mollis augue posuere et. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque eget tortor mauris. Praesent eu pulvinar tortor. Proin eleifend interdum massa, at ultrices ligula viverra a. In auctor velit lorem. Quisque et massa quis lacus cursus fringilla. Maecenas ut convallis lectus. In ac erat vestibulum enim porttitor scelerisque in quis lacus. Cras quis diam mauris. </p>" +
    "</div>";

  var infowindow;
  var map;
  var marker;

  function initialize() {
    var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
    var myOptions = {
      zoom: 4,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


    infowindow = new google.maps.InfoWindow({
        content: contentString1
    });

    marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Test'
    });

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });

    google.maps.event.addListener(infowindow, 'click', function() {
      infowindow.open(map,marker);
    });


  }

  function expand(){
    infowindow.close();
    infowindow.setContent(contentString2);
    infowindow.open(map, marker);
  }

  function collapse(){
    infowindow.setContent(contentString1);
  }

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas"></div>
</body>

</html>


谷歌地图JavaScript API v3示例：信息窗口简单
var contentString1=
“+扩大”；
var contentString2=
"" +
“-崩溃”+
“Lorem ipsum door sat amet，concetetur adivising elite.pellentercuit consequat lacinia mi，sat amet aliquam sem interdum a.Cum social natoque penatibus and magnis dis parturint montes，nasceur ridiculs mus mus.Phasellus sed accumsan augue.Vivamus egesta nib vel null mattis ut pulvinar tor interdum.quisquisque scelerisque，urna non vehicle一个入口，我的狮子座佩伦茨克拱门，一个没有直径的非乌兰科，一个没有直径的非乌兰科，一个没有直径的非乌兰科，一个没有直径的非乌兰科，一个没有直径的非乌兰科，一个没有直径的非乌兰科，一个没有直径的非乌兰科，一个没有直径的非乌兰科，一个没有直径的非乌兰科坐在阿梅特·奥古斯·拉奥里特的饮食中。
”+
“Fusce molectie，nullas sit amet调味品facilis，augue elit tincidut nisl，sit amet freenum tellus tortor non sem.羊肚菌，啤酒酵母，孕妇eget magna.Sed tristique，lacus a tincidut faucibus，augue nulla aliquet ipsum，sagittis imperdiet nunc elit ac massa.Aliquam rutrum，urna quis acumsan sucipt，《真理的真理》是一部伟大的作品，它是一部伟大的作品，是一部伟大的作品，是一部伟大的作品，是一部伟大的作品，是一部伟大的作品在托托岛上的伊西姆。努克·阿尔库·萨皮恩，普莱斯利·波特，普莱斯利·韦尔内克。莫比和麦格纳在维塔和莱克图斯之间的里苏斯·瓦里乌斯·瓦里乌斯·卢库斯·奥古斯。法塞勒斯·福西布斯，米·马格纳·艾库利斯·努克，在萨皮斯岛上的福西布斯·迪亚姆·杜皮斯。奥古斯和维塔·莫里斯。库拉比·索德莱斯我们是尤伊斯莫·坦普斯。
”+
“矢状体悬在伤口上。在奥迪奥之前，波苏尔坐在尊严的台阶上，莫利斯·埃吉特·努克。奎斯·弗林蒂拉·坦普尔·鲁特鲁姆。埃尼安·亨德雷特·布兰迪特·伊普苏姆，一种温文尔雅的旋涡。埃蒂安·亨德雷特·伊普苏姆。埃蒂姆拍卖人在佩伦斯克前庭拍卖。佩伦斯克里特·康格酒只是一种调味品这是一个封建主义者的故事。在侵权者的故事中，不需要特殊的东西。在孕妇的故事中，不需要特殊的东西。不需要特殊的东西，不需要特殊的东西。不需要特殊的东西，不需要特殊的东西。不需要特殊的东西，不需要特殊的东西。不需要特殊的东西，不需要特殊的东西turpis egestas.Quisque eget tortor mauris.Present eu pulvinar tortor.Proin eleifend interdum massa，在ultrices ligula viverra a.在拍卖行velit lorem.Quisque et Mass Quiss lacus cursus fringilla.Maecenas ut convallis.在前庭，在QuisLacus lacus.Cras Quiss diam mauris.中的门环中的门环中的节杖+
"";
var信息窗口；
var映射；
var标记；
函数初始化（）{
var mylatng=new google.maps.LatLng（-25.363882131.044922）；
变量myOptions={
缩放：4，
中心：myLatlng，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
infowindow=新建google.maps.infowindow({
内容：contentString1
});
marker=新的google.maps.marker({
职位：myLatlng，
地图：地图，
标题：“测试”
});
google.maps.event.addListener（标记'click'，函数（）{
信息窗口。打开（地图、标记）；
});
google.maps.event.addListener（信息窗口，'click'，函数（）{
信息窗口。打开（地图、标记）；
});
}
函数展开（）{
infowindow.close（）；
setContent（contentString2）；
信息窗口。打开（地图、标记）；
}
函数折叠（）{
setContent（contentString1）；
}
我希望这有帮助

知道怎么做，但他不会说：p

编辑

嗨，柯克

我的报告第146-150页对此进行了描述

谢谢你的阅读

致以最良好的祝愿， 加布里埃尔·斯文伯格
--
您在这里提到的V3书籍的哪一页引用了MapBlowup？

该示例使用的是Google Maps API版本2。是的，我浏览了Google Books的第7章，但没有看到任何提及。你想要的是好的，我代表你给作者发了一封电子邮件，详情请看我编辑的答案，最好是+1'd，回答：P