Javascript 在谷歌地图的信息窗口中添加图像?

Javascript 在谷歌地图的信息窗口中添加图像?,javascript,api,google-maps,Javascript,Api,Google Maps,我想在信息窗口中我的地址旁边添加一个float:left标志,我该怎么做? 这是我的密码: <script> function initialize() { var mapCanvas = document.getElementById('map'); var mapOptions = { center: new google.maps.LatLng(18.5231,-72.2929), zoom: 14, mapTypeId:

我想在信息窗口中我的地址旁边添加一个float:left标志,我该怎么做? 这是我的密码:

<script>
  function initialize() {
    var mapCanvas = document.getElementById('map');
    var mapOptions = {
      center: new google.maps.LatLng(18.5231,-72.2929),
      zoom: 14,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      styles: 
      [{"featureType":"landscape","stylers":[{"hue":"#FFBB00"},{"saturation":63.400000000000006},{"lightness":37.599999999999994},{"gamma":1}]},{"featureType":"road.highway","stylers":[{"hue":"#FFC200"},{"saturation":-61.8},{"lightness":45.599999999999994},{"gamma":1}]},{"featureType":"road.arterial","stylers":[{"hue":"#FF0300"},{"saturation":-100},{"lightness":51.19999999999999},{"gamma":1}]},{"featureType":"road.local","stylers":[{"hue":"#FF0300"},{"saturation":-100},{"lightness":52},{"gamma":1}]},{"featureType":"water","stylers":[{"hue":"#0078FF"},{"saturation":-13.200000000000003},{"lightness":2.4000000000000057},{"gamma":1}]},{"featureType":"poi","stylers":[{"hue":"#008349"},{"saturation":-1.0989010989011234},{"lightness":11.200000000000017},{"gamma":1}]}]
    }
    var map = new google.maps.Map(mapCanvas, mapOptions)
    marker = new google.maps.Marker({
        map: map, 
        position: new google.maps.LatLng(18.5231,-72.2929),
        icon: "img/mapmarker.png"
        });
    infowindow = new google.maps.InfoWindow({
        content:"<b>Title</b><br/>123 Address<br/> City,Country" });
        google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);
  }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

函数初始化(){
var mapCanvas=document.getElementById('map');
变量映射选项={
中心:新google.maps.LatLng(18.5231,-72.2929),
缩放:14,
mapTypeId:google.maps.mapTypeId.ROADMAP,
风格:
[{“特征类型”:“景观”、“风格类型”:[{“色调”:“#FFBB00”},{“饱和度”:63.4000000000000006},{“亮度”:37.5999999994},{“伽马”:1},{“特征类型”:“道路.公路”、“风格类型”:[{“色调”:“#FFC200”},{“饱和度”:-61.8},{“亮度”:45.5999999999999994},{“伽马”:1},{“道路类型”},{“动脉饱和度”{{“亮度”:51.19999999999},{“伽马”:1},{“特征类型”:“道路.本地”,“样式器”:[{“色调”:“#FF0300”},{“饱和度”:-100},{“亮度”:52},{“伽马”:1},{“特征类型”:“水”,“样式器”:[{“色调”:“#0078FF”},{“饱和度”:-13.200000000000000003},{“亮度”:240.00000057,{“伽马”:1},{“饱和度”:“{“色调”:“:-1.0989010989011234},{“亮度”:11.2000000000000017},{“伽马”:1}]}]
}
var map=new google.maps.map(mapCanvas,mapOptions)
marker=新的google.maps.marker({
地图:地图,
位置:新google.maps.LatLng(18.5231,-72.2929),
图标:“img/mapmarker.png”
});
infowindow=新建google.maps.infowindow({
内容:“标题
123地址
城市、国家”}); google.maps.event.addListener(marker,“click”,function(){infowindow.open(map,marker);});infowindow.open(map,marker); } google.maps.event.addDomListener(窗口“加载”,初始化);
只需添加
标题
123地址
城市、国家“}); google.maps.event.addListener(marker,“click”,function(){infowindow.open(map,marker);});infowindow.open(map,marker);
最简单的方法。在信息窗口中添加一个div
float:left

infowindow = new google.maps.InfoWindow({
    content:"<img src='yourpath/yourlogo'><b>Title</b><br/>123 Address<br/> City,Country" });
    google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);

infowindow = new google.maps.InfoWindow({
    content: "<div style='float:left'><img src='http://i.stack.imgur.com/g672i.png'></div><div style='float:right; padding: 10px;'><b>Title</b><br/>123 Address<br/> City,Country</div>"
});