如何添加开始按钮并通过我的 phone 打开 google 地图

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

您可以添加一个 link 并像按钮一样对待，或者使用具有打开新选项卡的 onclick 功能的按钮。

这很简单，但您可能想知道 url 您应该使用哪个。 您可以使用此 url 模板：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');
        }
    }
}