如何添加转到按钮，将通过我的手机打开谷歌地图

Question

function initializeMap() {
    if (GBrowserIsCompatible()) { 
        var map = new GMap2(document.getElementById("allmap")); 
        map.setCenter(new GLatLng(<?php echo $s['latitude']; ?>,<?php echo $s['longitude']; ?>), 16); 
        var latlng = new GLatLng(<?php echo $s['latitude']; ?>,<?php echo $s['longitude']; ?>); 
        map.addOverlay(new GMarker(latlng)); 
        map.openInfoWindow(map.getCenter(),document.createTextNode("<?php echo $s['name']; ?>"));
    }
}

我想在页脚上添加get me direction

Answer 1

您可以添加链接并像按钮一样对待，或使用带有打开新标签的onclick功能的按钮。

这很容易，但你可能想知道你应该使用哪个网址。 您可以使用此网址模板：https://www.google.com/maps/@{lat},{long},{zoom}z 并从地图中心获取lattitude和longitude的值。

让我们看一个例子：

HTML：

<div id="allmap"></div>
<button id="gobutton">GO</button>

使用Javascript：

function initializeMap() {
    if (GBrowserIsCompatible()) { 
        var map = new GMap2(document.getElementById("allmap")); 
        map.setCenter(new GLatLng(<?php echo $s['latitude']; ?>,<?php echo $s['longitude']; ?>), 16); 
        var latlng = new GLatLng(<?php echo $s['latitude']; ?>,<?php echo $s['longitude']; ?>); 
        map.addOverlay(new GMarker(latlng)); 
        map.openInfoWindow(map.getCenter(),document.createTextNode("<?php echo $s['name']; ?>"));

        var button = document.getElementById("gobutton");
        button.onclick = function() {
            var center = map.getCenter();
            window.open('https://www.google.com/maps/@' + center.lat() + ',' + center.lng() + ',16z');
        }
    }
}