Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.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 Google上的URL变量';我的地图&x27;_Javascript_Html_Google Maps_Url - Fatal编程技术网

Javascript Google上的URL变量';我的地图&x27;

Javascript Google上的URL变量';我的地图&x27;,javascript,html,google-maps,url,Javascript,Html,Google Maps,Url,所以我有这个: <iframe src="https://mapsengine.google.com/map/embed?mid=zkXLRR9SQKDQ.kfLF9HxBaALo&z=15" width="100%" height="100%"></iframe> 我设法在这里找到了缩放代码,但是我找不到一种方法来删除显示在地图顶部的带有我的google帐户内容的灰色条。 可以找到屏幕截图。 有没有办法使用URL参数删除此条?我认为不可能删除此条。相反,您

所以我有这个:

<iframe src="https://mapsengine.google.com/map/embed?mid=zkXLRR9SQKDQ.kfLF9HxBaALo&z=15" width="100%" height="100%"></iframe>

我设法在这里找到了缩放代码,但是我找不到一种方法来删除显示在地图顶部的带有我的google帐户内容的灰色条。 可以找到屏幕截图。
有没有办法使用URL参数删除此条?

我认为不可能删除此条。相反,您可以使用GoogleMapsJavaScriptAPI。它相当容易使用,并给你更多的控制。下面是一个使用正确缩放级别加载位置的示例:


html,
身体,
#地图画布{
身高:100%;
保证金:0;
填充:0;
}
函数初始化(){
var latLng=新的google.maps.latLng(51.4893169,-2.1182648);
变量映射选项={
中心:拉特林,
缩放:15,
};
var map=new google.maps.map(document.getElementById('map-canvas'),
地图选项);
var图像处理http://icons.iconarchive.com/icons/visualpharm/must-have/256/Check-icon.png';
var marker=new google.maps.marker({
位置:latLng,
地图:地图,
图标:图像
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);

如果需要地图的特定样式,可以使用

根据您在页面上放置地图的位置,它可能与滚动冲突。如果是这种情况,则将滚轮选项设置为false。这允许您在地图上滚动,而无需为其缩放功能取消滚动事件。我已将plnkr更新为使用滚轮:false

<!DOCTYPE html>
<html>

<head>
  <style type="text/css">
    html,
    body,
    #map-canvas {
      height: 100%;
      margin: 0;
      padding: 0;
    }
  </style>
  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js">
  </script>
  <script type="text/javascript">
    function initialize() {
      var latLng = new google.maps.LatLng(51.4893169, -2.1182648);
      var mapOptions = {
        center: latLng,
        zoom: 15,
      };
      var map = new google.maps.Map(document.getElementById('map-canvas'),
        mapOptions);
      var image = 'http://icons.iconarchive.com/icons/visualpharm/must-have/256/Check-icon.png';
      var marker = new google.maps.Marker({
        position: latLng,
        map: map,
        icon: image
      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  </script>
</head>

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

</html>