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
Javascript 谷歌地图,如何禁止标记图标被拖动?_Javascript_Google Maps - Fatal编程技术网

Javascript 谷歌地图,如何禁止标记图标被拖动?

Javascript 谷歌地图,如何禁止标记图标被拖动?,javascript,google-maps,Javascript,Google Maps,我注意到,在大多数谷歌地图中,你不能将标记图标拖到地址栏中,然后查看或下载icon.png文件本身。您可以看到javascript:void(0),而不是将光标悬停在标记上 这是如何实现的?谢谢 中的标记看起来无法拖动到地址栏,而can中的标记则无法拖动到地址栏 下面的v3示例不允许标记四处移动(在Firefox和Chrome中测试)。它还在状态栏中显示javascript:void(0): <!DOCTYPE html> <html> <head>

我注意到,在大多数谷歌地图中,你不能将标记图标拖到地址栏中,然后查看或下载icon.png文件本身。您可以看到javascript:void(0),而不是将光标悬停在标记上


这是如何实现的?谢谢

中的标记看起来无法拖动到地址栏,而can中的标记则无法拖动到地址栏

下面的v3示例不允许标记四处移动(在Firefox和Chrome中测试)。它还在状态栏中显示
javascript:void(0)

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
  <title>Google Maps API No Marker Dragging v3</title> 
  <script src="http://maps.google.com/maps/api/js?sensor=false" 
          type="text/javascript"></script>
</head> 
<body>
  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 2,
      center: new google.maps.LatLng(35.00, -25.00),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    new google.maps.Marker({
      position: map.getCenter(),
      map: map
    });

  </script>
</body>
</html>

谷歌地图API无标记拖动v3
var map=new google.maps.map(document.getElementById('map'){
缩放:2,
中心:新google.maps.LatLng(35.00,-25.00),
mapTypeId:google.maps.mapTypeId.ROADMAP
});
新的google.maps.Marker({
位置:map.getCenter(),
地图:地图
});
截图:

另一方面,使用v2 API的相同示例允许将标记拖到地址栏:

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
  <title>Google Maps API No Marker Dragging v2</title> 
  <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false" 
          type="text/javascript"></script> 
</head> 
<body onunload="GUnload()">
  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(35.00, -25.00), 2);
    map.addOverlay(new GMarker(map.getCenter()));
  </script>
</body>
</html>

谷歌地图API无标记拖动v2
VarMap=新的GMap2(document.getElementById(“map”);
赛特中心地图(新格拉特林(35.00,-25.00),2);
addOverlay(新的GMarker(map.getCenter());
截图: