google-maps - 使用谷歌地图引擎的用户当前位置？

Question

我使用 Google map 引擎创建了一条巴士路线。我想添加一个指针(标记)，它将在 map 上显示用户的当前位置，我该怎么做？我没有看到这样的选择。

此外，我正在以 KML 格式导出文件，然后在我的网页上读取它，但它不会在 map 上显示用户的当前位置，而只会显示路线。

https://mapsengine.google.com/map/edit?mid=z0-DS05yFIOY.kaEp4978lVdI

Answer 1

首先，Google map 引擎 (GME) 主要是一个数据/服务层。相反，用户的位置将来自客户端/表示层，在本例中是您的浏览器、移动设备或更复杂的使用外部 GPS 设备的设置。因此，最终，在 map 中移动用户位置图标并不是使用 GME 所能完成的事情。相反，您需要将客户直接可用的技术与 Google Maps API 中公开的功能配对。

我将在这里向您展示一个基于浏览器的解决方案，它实现了 HTML5 Geolocation API 。 Here's another discussion and example 。如果您还有其他问题，您会发现很容易通过 Google 进行搜索。如果您正在为移动设备开发 native 应用程序，则需要研究与您的框架/SDK 相关的对应位置/GPS API。

希望这有帮助。

使用 HTML5 地理定位在 Google map 中显示用户的位置变化

// Make sure you scope these variables properly, I'm showing them
// at the global/application level..
var _MobilePosition;
var _LAST_GPS_ERROR;


// A simple icon/marker to represent the user's location in the map..
var _MobileIcon = {
    path: 'M 0, 0 m -5, 0 a 5, 5 0 1, 0 10, 0 a 5, 5 0 1, 0 -10, 0',
    fillColor: '#00FF00',
    fillOpacity: 0.8,
    scale: 1,
    strokeColor: '#00FF00',
    strokeWeight: 0
};

var _MobileMarker = new google.maps.Marker({
    icon: _MobileIcon
});    


// WPID = "Watch Position ID".
//
// This is where you start handling the HTML5 geolocation API. Every so many 
// seconds it fires and forwards GPS data to your geo_success or geo_error 
// functions..
//
var _WPID = navigator.geolocation.watchPosition(
    geo_success, 
    geo_error, 
    {
        enableHighAccuracy:true, 
        timeout:5000,
        maximumAge:1000
    }
);


// Handle successful GPS positioning by moving a user position marker around
// in the map..
//
function geo_success(pos)
{
    // This condition prevents moving the marker before the maps library is
    // loaded. Depending how you use this, you may not need this condition.
    //
    if(typeof google.maps.LatLng !== 'undefined')
    {
        var lat = Number(pos.coords.latitude);
        var lng = Number(pos.coords.longitude);

        _MobilePosition = new google.maps.LatLng(lat,lng);

        _MobileMarker.setVisible(true);
        _MobileMarker.setPosition(_MobilePosition);
        _MobileMarker.setMap(_map);

        // Optional: pan the map to the user's position.
        // If you implement this, it's a good idea to give the user
        // some means of disabling this functionality..
        //
        if( typeof _MobilePosition !== 'undefined' )
        {
            _map.panTo(_MobilePosition);
        }
    }
}


// Catch any errors thrown by the geolocation API. I'm not doing anything
// useful with it in this example, just catching it..
// 
function geo_error(error)
{
    _LAST_GPS_ERROR = error;
};