android - 谷歌地图 : Embedding multiple locations and directions on a mobile app

Question

我正在为拥有 4 个办公室/建筑物的医疗诊所创建一个移动应用程序。我想创建一个标记所有 4 个位置的 Google map ，并为用户提供获取每个位置的路线的选项。

我正在 Phonegap 和 Jquery 移动版中构建此应用程序。到目前为止我发现的最接近的是:Direction example .

如果启用 GPS 或使用地理定位，我还希望“发件人”字段默认为用户位置。

执行此操作的常见做法是什么(从可用性的角度来看)？你知道我可以引用的任何资源吗？

Answer 1

要在您的项目中使用 gps，您可以使用下面的代码

if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition( 

    function (position) {  

    // Did we get the position correctly?
    // alert (position.coords.latitude);

    // To see everything available in the position.coords array:
    // for (key in position.coords) {alert(key)}

    mapServiceProvider(position.coords.latitude,position.coords.longitude);

    }, 
    // next function is the error callback
    function (error)
    {
        switch(error.code) 
        {
            case error.TIMEOUT:
                alert ('Timeout');
                break;
            case error.POSITION_UNAVAILABLE:
                alert ('Position unavailable');
                break;
            case error.PERMISSION_DENIED:
                alert ('Permission denied');
                break;
            case error.UNKNOWN_ERROR:
                alert ('Unknown error');
                break;
        }
    });
}

可以查到here或 phonegap docs当你有位置时，你可以改变的值(value)你的表格。然后就是使用插件的问题谷歌地图与否。我个人没有使用任何。自从你正在使用 jquery mobile 你可以使用 this .

在初始化事件中创建 map (所以你只创建一次)和在 pageshow 事件中触发 resize 事件，这样你就不会有问题 map 出现在屏幕的左上角等。如果您使用我提到的插件，请寻找刷新方法。 map 的容器必须有大小。如果不是的话不会正确显示，因为 jqm 会给出最小尺寸到容器。您可以通过编程方式进行(检查窗口高度和宽度)和计算空间(如果有您必须将其包含在计算中的标题)。最后，如果您遇到缩放问题，请查看 this