谷歌地圖位置提示框顯示緯度和經度而不是其地址

Question

<a  class="location_map" onclick='javascript:window.open("https://maps.google.com/maps?q=10.804404555920602,78.72114462280274&hl=es;z=14&amp;output=embed","_blank","toolbar=yes,width=800,height=500,resizable=1,scrollbars=1,top=250,left=200");' id="mal1">Click To View Map</a><br>

你好朋友，我上面的代碼行及其在地址氣球中顯示的緯度和經度值。
但是下面的代碼在氣球中很好地顯示了它，但是在地圖上沒有精確顯示緯度，經度位置。

<a class="location_map" onclick='javascript:window.open("http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Periyar+Nagar+1st+Street,+Malayappa+Nagar,+Tiruchirappalli,+Tamil+Nadu+620004,+India&amp;aq=&amp;sll=10.804404555920602,78.72116608047486&amp;sspn=0.012057,0.021136&amp;ie=UTF8&amp;hq=&amp;hnear=Periyar+Nagar+1st+Street,+Malayappa+Nagar,+Tiruchirappalli,+Tamil+Nadu+620004,+India&amp;t=m&amp;z=14&amp;ll=&amp;output=embed","_blank","toolbar=yes,width=800,height=500,resizable=1,scrollbars=1,top=250,left=200");' id="mal1">Click To View Map</a>

我需要顯示用戶之前標記的正確位置，並在氣球上顯示正確的地址。

Answer 1

將其放在HTML的Head部分

<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
  function initialize() {
    var map_canvas = document.getElementById('map_canvas');
    var map_options = {
      center: new google.maps.LatLng(30.479084, -97.823937),
      zoom: 10,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(map_canvas, map_options)
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

這在“正文”部分-div id =“ map_canvas”

這將顯示您提供的緯度和經度值作為地圖中心的地圖。