Question

我已经尝试了很长时间才能在这张地图上找到一个标记，与中心位置相同，但无法让它工作。

<html>

  <head>
<style>
  #map {
    width: 100%x;
    height: 400px;
  }
</style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
  function initialize() {
    var mapCanvas = document.getElementById('map');
    var mapOptions = {
      center: new google.maps.LatLng(59.909968, 10.748012),
      zoom: 16,
      zoomControl: true,
      scaleControl: true,
      scrollwheel: false,
      disableDoubleClickZoom: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(mapCanvas, mapOptions)
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>
  </head>
  <body>
    <div id="map"></div>
  </body>

我已尝试按照here的说明操作，但我无法让它发挥作用..

有什么想法吗？我使用iframe在我的网站上工作，但滚动浏览整个宽度的地图时没有被抓住放大，所以我正在寻找一种方法来替换它。

Answer 1

根据示例，您link to适合我（将标记设置为地图中心）：

function initialize() {
  var mapCanvas = document.getElementById('map');
  var mapOptions = {
    center: new google.maps.LatLng(59.909968, 10.748012),
    zoom: 16,
    zoomControl: true,
    scaleControl: true,
    scrollwheel: false,
    disableDoubleClickZoom: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(mapCanvas, mapOptions);

  // from https://developers.google.com/maps/documentation/javascript/examples/marker-simple
  var marker = new google.maps.Marker({
    // change the position to the map center
    position: map.getCenter(),
    map: map,
    title: 'Hello World!'
  });
}
google.maps.event.addDomListener(window, 'load', initialize);

html,
body,
#map {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map"></div>

无法在谷歌地图上使用标记

1 个答案: