javascript - 如何添加“前往”按钮并通过手机打开谷歌地图

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']; ?>"));
    }
}

我想在页脚添加“指示方向”

Answer 1

您可以添加链接并将其视为按钮，或使用带有 onclick 函数的按钮来打开新选项卡。

这很简单，但您可能想知道应该使用哪个网址。您可以使用以下网址模板:https://www.google.com/maps/@{lat},{long},{zoom}z并获取 map 中心的纬度和经度值。

让我们看一个例子:

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');
        }
    }
}