相关疑难解决方法(0)

传单加载不完整的地图

我正在将传单地图动态添加到 div。地图只显示了一部分，见图。一旦我调整了浏览器窗口的大小，地图就会完全显示出来。有没有解决的办法？我尝试了一些初步想法，请参阅代码中的 //。但他们都没有工作。不完整的地图

    function mapThis(lat,long,wikiTitle){       

     var div_Id= "#wikiExtract"+wikiTitle
     var map_Id= "map"+wikiTitle
     $(div_Id).append("<div id='"+map_Id+"' style='width: 600px; height:
     400px'></div>"); 
     var map = L.map(map_Id).setView([lat, long], 10);

     L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
     maxZoom: 18,
     attribution: 'Map data &copy; <a
     href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
        '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-
          SA</a>'
      }).addTo(map);


     //$("#"+map_Id).css( "height", "500px" );
     //map.invalidateSize()
     //$("#"+map_Id).hide()   
     //$("#"+map_Id).show()
     //$(window).trigger('resize');

    }

Run Code Online (Sandbox Code Playgroud)

leaflet

use*_*375

2021 03-08

7
推荐指数

2
解决办法

7095
查看次数

Google地图显示来自隐藏区域

我真的希望有人可以建议从隐藏的div显示谷歌地图.

我有一个谷歌地图,如果他们点击一个链接,即显示地图,我想向用户显示.

将地图放在隐藏的div中根本不起作用,所以我将地图-1000px隐藏在位置绝对css值上.

这给了我更好的结果,但是当我使用css将地图带回来时,只有它的显示.

http://screencast.com/t/MTMyOGZmNW

在演出节目之后,有人能给我建议让隐藏地图变得可见的最佳方法吗？

希望有人可以提供建议.

谢谢

hidden google-maps

Lee*_*Lee

2010 09-24

6
推荐指数

1
解决办法

2万
查看次数

将Google Maps Place表单集成到自动填充地址表单javascript中

我正在尝试将此地方表单整合到此自动填充地址表单中.但是我没有做好两件事.目前它仅适用于地址完整表单,映射加载但不会自动指向键入的位置.请帮助我这个我是一个javascript的菜鸟.这是我正在努力的小提琴:http://jsfiddle.net/qrAGU/.我将非常感谢你的帮助.

JS:

var placeSearch, autocomplete;
var componentForm = {
    street_number: 'short_name',
route: 'long_name',
locality: 'long_name',
    //administrative_area_level_1: 'short_name',
country: 'long_name',
    postal_code: 'short_name'
};

function initialize() {
    var mapOptions = {
center: new google.maps.LatLng(-33.8688, 151.2195),
zoom: 13
    };
    var map = new google.maps.Map(document.getElementById('map-canvas'),
    mapOptions);
    var input = (
    document.getElementById('autocomplete'));
    /*
var types = document.getElementById('type-selector');
map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
map.controls[google.maps.ControlPosition.TOP_LEFT].push(types);*/
// tried also moving the comment only for types, but still nothing  
    autocomplete = new google.maps.places.Autocomplete(
    input,
    { …

Run Code Online (Sandbox Code Playgroud)

html javascript css jquery autocomplete

use*_*099

lucky-day

5
推荐指数

1
解决办法

4075
查看次数

如何使用引导程序嵌入Google地图？

我想将地图添加到我的联系页面的“地图和方向”中。我正在逐步尝试使用Google地图嵌入程序，但没有用，因为我无法查看地图。我正在使用引导程序。

这是我的标记：

    <head>
      <script type='text/javascript' src="http://maps.googleapis.com/maps/api/js?sensor=false&extension=.js&output=embed"></script>
      <script>
    $(document).ready(function() {

        var myCenter=new google.maps.LatLng(45.992261, -123.925014);
        var marker=new google.maps.Marker({
            position:myCenter
        });

        function initialize() {
          var mapProp = {
              center:myCenter,
              zoom: 14,
              draggable: false,
              scrollwheel: false,
              mapTypeId:google.maps.MapTypeId.ROADMAP
          };

          var map=new google.maps.Map(document.getElementById("map-canvas"),mapProp);
          marker.setMap(map);

          google.maps.event.addListener(marker, 'click', function() {

            infowindow.setContent(contentString);
            infowindow.open(map, marker);

          }); 
        };

        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            initialize();
        });

    });
    </script>
   <style type="text/css">
        #map-canvas {
            height:500px;
         }
    </style>
  <head>
    <div class="tab-content">
        <div class="tab-pane fade" id="map">
            <div class="col-md-5">
                <h4 class="h4">Find Us at Google Map</h4>               
            </div>
            <div id="map-canvas" …

Run Code Online (Sandbox Code Playgroud)

javascript google-maps twitter-bootstrap twitter-bootstrap-3

Xub*_*tho

2014 11-11

4
推荐指数

3
解决办法

4万
查看次数