Question

是否可以在一个网页上拥有约20张Google地图？我有一个all matches of all the teams for the week selected页面。我想在每场比赛后都有一张地图与主队的位置。使用Google maps API，我只能成功显示第一条记录的地图，对于第二条记录，我必须使用链接。我需要使用lat，因为使用postaddress并不总是准确的。

我必须在3张桌子中搜索比赛。 lat和long坐标存储在一个表中作为lat，long，我回显这个lat，长到函数myMap然后我拆分它并用parseFloat（）分配值。

<div id="map" style="width:100%;height:400px"></div>
<script>
<!--  
function myMap() {
    var gpsf1 = "<phpcode><?php echo $coordf1; ?></phpcode>";
    var values = gpsf1.split(",");
    var v1 = parseFloat(values[0]);
    var v2 = parseFloat(values[1]);
    var myCenter = new google.maps.LatLng(v1,v2);
    var mapCanvas = document.getElementById("map");
    var mapOptions = {center: myCenter, zoom: 17};
    var map = new google.maps.Map(mapCanvas, mapOptions);
    var marker = new google.maps.Marker({position:myCenter});
    marker.setMap(map);
}
//--></script>
<script src="https://maps.googleapis.com/maps/api/js?key=myKey&callback=myMap"></script>

DanielHedenström已经在一页上回答了question posted some years ago关于动态数量的地图的问题。事实上，这就是我的需要。 Daniel使用的功能是：

    function mapAddress(mapElement, address) {
    var geocoder = new google.maps.Geocoder();

    geocoder.geocode({ 'address': address }, function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        var mapOptions = {
            zoom: 14,
            center: results[0].geometry.location,
            disableDefaultUI: true
        };
        var map = new google.maps.Map(document.getElementById(mapElement), mapOptions);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
    } else {
        alert("Geocode was not successful for the following reason: " + status);
    }
});
}

然后他说：只需将每张地图的ID和地址传递给函数，以绘制地图并标记地址。

脚本放在哪里？如何格式化函数调用以及调用位置？

mysql表包含纬度，经度和谷歌地图

0 个答案: