如何讓谷歌地圖api v3顯示點？

我正在使用Google Maps Api v3來顯示地圖。如何讓谷歌地圖api v3顯示點？

這是JQuery的：

<script type="text/javascript"> 
    var myOptions = { 
     zoom: 8, 
     center: new google.maps.LatLng($("#lat").val(), $("#long").val()), 
      mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 
    var map = new google.maps.Map(document.getElementById("map"), myOptions);

但地圖並不突出的點。它只是在地圖上顯示該地區......我想是什麼樣子是這樣的：

enter image description here

來源

2012-03-12 Beginner

看一看這個例子中的一個標記的源代碼： http://code.google.com/apis/maps/documentation/javascript/examples/infowindow-simple.html

使用示例代碼：

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script> 

    <script type="text/javascript"> 
     function initialize() { 

      var myLatlng = new google.maps.LatLng($("#lat").val(), $("#long").val()); 
      //var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
      var myOptions = { 
       zoom: 8, 
       center: myLatlng, 
       mapTypeId: google.maps.MapTypeId.HYBRID 
      }; 
      var map = new google.maps.Map(document.getElementById("map"), myOptions); 

      var contentString = '<div id="content">Info window html</div>'; 

      var infowindow = new google.maps.InfoWindow({ 
       content: contentString 
      }); 

      var marker = new google.maps.Marker({ 
       position: myLatlng, 
       map: map, 
       title: 'Marker Title' 
      }); 

      google.maps.event.addListener(marker, 'click', function() { 
       infowindow.open(map, marker); 
      }); 
     } 

    </script> 
</head> 
<body onload="initialize()"> 
<div id="map" style="width: 400px; height: 300px;"></div> 
</body>

來源

2012-03-12 09:30:47

添加以下代碼這段代碼

var LatLng = new google.maps.LatLng($("#lat").val(), $("#long").val()) 
, Marker = new google.maps.Marker({ position: LatLng, map: map });

來源

2012-03-12 09:41:12 InspiredJW

如何讓谷歌地圖api v3顯示點？

回答

相關問題