小编alu*_*268的帖子

要在Google地图的信息窗口中添加图像吗?

我想在信息窗口中我的地址旁边添加一个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>
Run Code Online (Sandbox Code Playgroud)

javascript api google-maps

3
推荐指数
1
解决办法
7972
查看次数

Bootstrap 下拉菜单未显示选定值

使用最新的 Bootstrap 3.3.6 和 jQuery 库 1.11.3,当用户选择其中一个选项时,我试图让下拉列表显示选定的值。到目前为止,看起来下拉 ul 根本不会显示。

HTML:

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Select One
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
    <li><a href="#" data-value="a">A</a></li>
    <li><a href="#" data-value="b">B</a></li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

    $(".dropdown-menu li a").click(function() {
      $(this).parents(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
      $(this).parents(".dropdown").find('.btn').val($(this).data('value'));
});
Run Code Online (Sandbox Code Playgroud)

我参考了这个线程以获得一个有效的 JS 函数,但无济于事:How to Display Selected Item in Bootstrap Button Dropdown Title

当前 JSFiddle:https ://jsfiddle.net/9xzqdry9/

html javascript css jquery twitter-bootstrap

-2
推荐指数
1
解决办法
4601
查看次数

标签 统计

javascript ×2

api ×1

css ×1

google-maps ×1

html ×1

jquery ×1

twitter-bootstrap ×1