如何在谷歌地图中指出一个位置?

时间:2014-05-30 21:12:14

标签: html google-maps location point

  1. 嗨,我想指出我公司的位置。它转到正确的位置但指针丢失。我尝试了很多东西,但它仍然没有用。我是一名初学者,我需要一些帮助。谢谢你的时间。

  2. 这是我的代码:

    <jsp:include page="header.jsp">
     <jsp:param name="subTitle" value="AutoTotaalDiensten - Locatie info" />
    </jsp:include>
     </head>
     <%@ include file="menu.html"%>
    

          Locatie       

     <script src="http://code.jquery.com/jquery-latest.min.js"
         type="text/javascript"></script>
      <style>
     #map_canvas {
      height: 400px;
      }
    

    <div id="map_canvas"></div>
    
    
          <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    
        <script>
              function initialize() {
    
          var map_canvas = document.getElementById('map_canvas');
    
              var map_options = {
    
                     var mapPin = " http://www.google.com/mapfiles/marker.png";
            var Marker = new google.maps.Marker({
    
                 center : new google.maps.LatLng(52.124707, 5.088196),  
    
                  zoom : 13,
    
    
                  mapTypeId : google.maps.MapTypeId.ROADMAP
    
    
              }
    
           var map = new google.maps.Map(map_canvas, map_options)
    
       }
    
         google.maps.event.addDomListener(window, 'load', initialize);
      </script>
    
    
      <%@ include file="footer.html"%>
    

1 个答案:

答案 0 :(得分:2)

初始化地图后调用Marker.setMap(map)。

 function initialize() {
  var map_canvas = document.getElementById('map_canvas');
  var map_options = {
         center : new google.maps.LatLng(52.124707, 5.088196),  
         zoom : 13,
         mapTypeId : google.maps.MapTypeId.ROADMAP
  };
  var mapPin = " http://www.google.com/mapfiles/marker.png";
  var Marker = new google.maps.Marker({
         position : map_options.center,  
  });
  var map = new google.maps.Map(map_canvas, map_options)
  Marker.setMap(map);
} 
google.maps.event.addDomListener(window, 'load', initialize);

working fiddle

或者在创建并初始化地图并设置其地图&#34;之后创建它。属性。

 function initialize() {
  var map_canvas = document.getElementById('map_canvas');
  var map_options = {
         center : new google.maps.LatLng(52.124707, 5.088196),  
         zoom : 13,
         mapTypeId : google.maps.MapTypeId.ROADMAP
  };
  var mapPin = " http://www.google.com/mapfiles/marker.png";
  var map = new google.maps.Map(map_canvas, map_options)
  var Marker = new google.maps.Marker({
         map: map,
         position: map.getCenter()
  });
} 
google.maps.event.addDomListener(window, 'load', initialize);

working fiddle