Google maps api 3 使用谷歌地图显示我的位置

Google maps api 3 使用谷歌地图显示我的位置,google-maps-api-3,Google Maps Api 3,我正在尝试这样做。当一个用户来到网站时,我需要在谷歌地图上显示他,并将通过一些纬度和经度。现在我的地图必须显示用户的路径以及我通过的纬度和经度 使用下面的代码,我通过了lat和long。现在,我需要显示用户的位置 如何显示这两者 function initialize() { var myOptions = { zoom: 17, center: new google.maps.LatLng(23.333,34.534), mapTypeId: googl

我正在尝试这样做。当一个用户来到网站时,我需要在谷歌地图上显示他,并将通过一些纬度和经度。现在我的地图必须显示用户的路径以及我通过的纬度和经度

使用下面的代码,我通过了lat和long。现在,我需要显示用户的位置

如何显示这两者

       function initialize() {

   var myOptions = {
   zoom: 17,
   center: new google.maps.LatLng(23.333,34.534),
   mapTypeId: google.maps.MapTypeId.ROADMAP
   }
   var map = new google.maps.Map(document.getElementById("map_canvas"),
                              myOptions);

  var image = 'image.png';
  var myLatLng = new google.maps.LatLng(23.333,34.534);
  var beachMarker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: image
   });
   } 

[This is how i tried]:http://dpaste.com/695949/ 
  it did not work.

要在google地图上显示方向,您需要将源和目标设置为latlong。在上面的代码中,您有目标latlong,但缺少用户latlong。你需要首先得到用户latlong,然后你必须使用谷歌方向渲染器。如需更多参考,请阅读

用户(源)latlong可以通过多种方式找到-

  • 基于
    ip、地址等使用
    gem
  • 使用html5地理定位

  • 要在google地图上显示方向,您需要将源和目标设置为latlong。在上面的代码中,您有目标latlong,但缺少用户latlong。你需要首先得到用户latlong,然后你必须使用谷歌方向渲染器。如需更多参考,请阅读

    用户(源)latlong可以通过多种方式找到-

  • 基于
    ip、地址等使用
    gem
  • 使用html5地理定位

  • 如果要使用HTML5地理位置,则在添加beachMarker put后,在初始化函数中:

    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(e) {
        var marker = new google.maps.Marker({
          map: map,
          position: new google.maps.LatLng(e.coords.latitude, e.coords.longitude);
        });
      }, function() {
        // Handle error here
      });
    }
    

    如果要使用HTML5地理位置,则在添加beachMarker put后,在初始化函数中:

    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(e) {
        var marker = new google.maps.Marker({
          map: map,
          position: new google.maps.LatLng(e.coords.latitude, e.coords.longitude);
        });
      }, function() {
        // Handle error here
      });
    }
    

    :如何在此源代码中进行更改。如何将我的lat和langjust声明的sourceaddr&destaddr作为js变量传递并在需要时使用它们:检查此dpaste.com/695949:如何在此源代码中进行更改。如何将我的lat和langjust声明的sourceaddr&destaddr作为js变量传递并在需要时使用它们:检查此项dpaste.com/695949