热门从lat和lng获得谷歌地图


Hot to get google map from lat and lng?

我知道使用gmap v3我可以给出中心,添加指针并指定信息框的内容,这样我就可以生成我的地图。

但我想知道,有没有可能直接给出lat和lng,然后直接生成我的地图,这个地方的地址会直接出现在信息框中。有什么方法可以直接做吗?

我认为在定义中心、信息框和图钉等之前,您仍然需要实例化新地图。然而,要做到这一点的javascript大约有10行,所以它并不太多,如果您要多次调用它,您当然可以将其放入一个方法中。因此,有效地,您将有一个方法,向其提供lon,lat(也许页面上的a也用于渲染下面的地图),然后设置地图。

要将地图集中在给定的lon,lat上,您可以为地图提供以下选项:-

center = new google.maps.LatLng(myLat, myLon)

如果使用文件或数据库生成坐标,则使用php脚本向以下javascript文件mapData.js发送Ajax请求。我建议发送名为mapData的jSON对象,该对象包含坐标[lat, long],如下所示。

    google.load('visualization', '1', {'packages': ['map']});
  jQuery(document).ready(function($){
     $.getJSON("mapData.php", function(result)
   {
           var mapData=result;
     var dataTable1=new google.visualization.DataTable();
     dataTable1.addRows(mapData.length);
     dataTable1.addColumn('number', 'LATITUDE', 'Latitude');
     dataTable1.addColumn('number', 'LONGITUDE', 'Longitude');
      for(var i=0;i<mapData.length;i++) 
      {
        var coord=mapData[i]
        dataTable1.setValue(i, 0, parseFloat(coord[0]));
        dataTable1.setValue(i, 1, parseFloat(coord[1]));
     }
     var map=new google.visualization.Map(document.getElementById("Map1"));
         map.draw(dataTable1, {showTip: true, useMapTypeControl:true, enableScrollWheel:true, zoomLevel:19});   
   });   
 });

在您的html中执行以下

    <head>
    <script src="https://apis.google.com/js/client.js"></script>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script src="jQuery.js" type="text/javascript" ></script>
    <script src="mapData.js" type="text/javascript"></script>
 </head>
<body>
    <div  id="Map1">

    </div>  
</body>

更多信息请点击此处