我一直在使用http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html中的代码,这是目前google如何在Maps API v3中创建自定义InfoWindow的最佳示例.我一直在努力,到目前为止,我已经接近工作,除了一件事,它的div容器文本内容不会扩展以适应内容,所以它只是下降而不是扩大泡沫.如果我给内容容器一个固定的像素宽度它工作正常,但我无法根据其中的文本数量进行扩展.
我已经坚持了一段时间.任何帮助将不胜感激!
这是HTML页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Gayborhood Map Test</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { width: 900px;
height: 400px;
margin: 200px auto 0 auto; }
</style>
<link rel="stylesheet" type="text/css" href="map.css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="InfoBox.js"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(39.947137,-75.161824);
var myOptions …