Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/multithreading/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将谷歌地图复制到单独的<;部门>;页面上的元素_Javascript_Google Maps - Fatal编程技术网

Javascript 将谷歌地图复制到单独的<;部门>;页面上的元素

Javascript 将谷歌地图复制到单独的<;部门>;页面上的元素,javascript,google-maps,Javascript,Google Maps,我在一个页面上有一张谷歌地图。我使用下面的代码行获取映射并将其分配给一个新变量 newmap = map.getMap(); 当我将newmap打印到控制台时,它显示映射被分配给变量。我现在想用完全相同的选项将该地图复制到下面的div中 <div id="map-larger-canvas"></div> 你知道我该怎么做吗?为每个映射和init之后定义两次选项: var map_options = { center: new google.m

我在一个页面上有一张谷歌地图。我使用下面的代码行获取映射并将其分配给一个新变量

 newmap = map.getMap();
当我将newmap打印到控制台时,它显示映射被分配给变量。我现在想用完全相同的选项将该地图复制到下面的div中

 <div id="map-larger-canvas"></div>


你知道我该怎么做吗?

为每个映射和init之后定义两次选项:

var map_options = {
        center: new google.maps.LatLng(41.811729,12.738513),
        zoom: 8,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

function initialize() {
    var map1 = document.getElementById('map-1st');
    var map_canvas = document.getElementById('map-larger-canvas');

    var map1 = new google.maps.Map(map1, map_options)
    var map2 = new google.maps.Map(map_canvas, map_options);
}
google.maps.event.addDomListener(window, 'load', initialize);
我是这样使用Json的,看看:

$('#map_canvas_europe').gmap().bind('init', function() { 
    // This URL won't work on your localhost, so you need to change it
    // see http://en.wikipedia.org/wiki/Same_origin_policy
    $.getJSON( 'json/locations_europe.json', function(data) { 
        $.each( data.markers, function(i, marker) {
            $('#map_canvas_europe').gmap('addMarker', { 
                'position': new google.maps.LatLng(marker.latitude, marker.longitude), 
                'bounds': true 
            }).click(function() {
                $('#map_canvas_europe').gmap('openInfoWindow', { 'content': marker.content }, this);
            });
        });
    });
});

$('#map_canvas_asia').gmap().bind('init', function() { 
    // This URL won't work on your localhost, so you need to change it
    // see http://en.wikipedia.org/wiki/Same_origin_policy
    $.getJSON( 'json/locations_asia.json', function(data) { 
        $.each( data.markers, function(i, marker) {
            $('#map_canvas_asia').gmap('addMarker', { 
                'position': new google.maps.LatLng(marker.latitude, marker.longitude), 
                'bounds': true 
            }).click(function() {
                $('#map_canvas_asia').gmap('openInfoWindow', { 'content': marker.content }, this);
            });
        });
    });
});

可能是你的复制品,先生,你是个救命恩人!嗨,djSkAV,谢谢你的回复。由于我的地图是由一个mappress插件生成的,在这个插件中我无法控制地图选项,所以Molles博士在上面建议将地图附加到更大的div中似乎对我来说工作量更小。