Javascript 谷歌MyMaps地理定位//全球定位系统

Javascript 谷歌MyMaps地理定位//全球定位系统,javascript,php,geolocation,gps,mymaps,Javascript,Php,Geolocation,Gps,Mymaps,我在MyMaps中创建了一个映射,并将其实现为一个php文档。 它工作得很好。但我想在它开始时设置地理位置。 可能吗? 下面的脚本显示了一个带有地理位置的Google地图。我如何在这里实现我的地图? 谢谢你的帮助 <script> function initialize(coords) { var latlng = new google.maps.LatLng(coords.latitude, coords.longitude);

我在MyMaps中创建了一个映射,并将其实现为一个php文档。 它工作得很好。但我想在它开始时设置地理位置。 可能吗? 下面的脚本显示了一个带有地理位置的Google地图。我如何在这里实现我的地图? 谢谢你的帮助

 <script>
    function initialize(coords) 
    {
        var latlng = new google.maps.LatLng(coords.latitude, coords.longitude);
        var myOptions = 
        {
            zoom: 8,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("pos"), myOptions);

        var marker = new google.maps.Marker(
        {
            position: latlng, 
            map: map, 
            title: "Hier bist du :)"
        }); 
    }
    navigator.geolocation.getCurrentPosition(function(position)
    { 
        initialize(position.coords);
    }, function()
    {
        document.getElementById('pos').innerHTML = 'Deine Position konnte leider nicht ermittelt werden';
    });
</script>

函数初始化(coords)
{
var latlng=新的google.maps.latlng(坐标系纬度,坐标系经度);
变量myOptions=
{
缩放:8,
中心:拉特林,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“pos”),myOptions);
var marker=new google.maps.marker(
{
位置:latlng,
地图:地图,
标题:“我的小餐馆:)”
}); 
}
navigator.geolocation.getCurrentPosition(函数(位置)
{ 
初始化(position.coords);
},函数()
{
document.getElementById('pos').innerHTML='Deine Position konnte leider nicht ermittelt werden';
});

这是您应该实现的代码:

<script >
var map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 6
        });
        var infoWindow = new google.maps.InfoWindow({map: map});

        // Try HTML5 geolocation.
        if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(function(position) {
            var pos = {
              lat: position.coords.latitude,
              lng: position.coords.longitude
            };

            infoWindow.setPosition(pos);
            infoWindow.setContent('Location found.');
            map.setCenter(pos);
          }, function() {
            handleLocationError(true, infoWindow, map.getCenter());
          });
        } else {
          // Browser doesn't support Geolocation
          handleLocationError(false, infoWindow, map.getCenter());
        }
      }

      function handleLocationError(browserHasGeolocation, infoWindow, pos) {
        infoWindow.setPosition(pos);
        infoWindow.setContent(browserHasGeolocation ?
                              'Error: The Geolocation service failed.' :
                              'Error: Your browser doesn\'t support geolocation.');
      }

</script>

var map=new google.maps.map(document.getElementById('map'){
中心:{纬度:-34.397,液化天然气:150.644},
缩放:6
});
var infoWindow=new google.maps.infoWindow({map:map});
//试试HTML5地理定位。
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(函数(位置){
var pos={
纬度:位置坐标纬度,
lng:position.coords.longitude
};
信息窗口。设置位置(pos);
infoWindow.setContent('找到位置');
地图设置中心(pos);
},函数(){
handleLocationError(true,infoWindow,map.getCenter());
});
}否则{
//浏览器不支持地理位置
handleLocationError(false,infoWindow,map.getCenter());
}
}
功能手柄位置错误(浏览器具有地理位置、信息窗口、pos){
信息窗口。设置位置(pos);
infoWindow.setContent(browserHasGeolocation?
“错误:地理位置服务失败。”:
'错误:您的浏览器不支持地理位置。');
}

这是您应该实现的代码:

<script >
var map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 6
        });
        var infoWindow = new google.maps.InfoWindow({map: map});

        // Try HTML5 geolocation.
        if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(function(position) {
            var pos = {
              lat: position.coords.latitude,
              lng: position.coords.longitude
            };

            infoWindow.setPosition(pos);
            infoWindow.setContent('Location found.');
            map.setCenter(pos);
          }, function() {
            handleLocationError(true, infoWindow, map.getCenter());
          });
        } else {
          // Browser doesn't support Geolocation
          handleLocationError(false, infoWindow, map.getCenter());
        }
      }

      function handleLocationError(browserHasGeolocation, infoWindow, pos) {
        infoWindow.setPosition(pos);
        infoWindow.setContent(browserHasGeolocation ?
                              'Error: The Geolocation service failed.' :
                              'Error: Your browser doesn\'t support geolocation.');
      }

</script>

var map=new google.maps.map(document.getElementById('map'){
中心:{纬度:-34.397,液化天然气:150.644},
缩放:6
});
var infoWindow=new google.maps.infoWindow({map:map});
//试试HTML5地理定位。
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(函数(位置){
var pos={
纬度:位置坐标纬度,
lng:position.coords.longitude
};
信息窗口。设置位置(pos);
infoWindow.setContent('找到位置');
地图设置中心(pos);
},函数(){
handleLocationError(true,infoWindow,map.getCenter());
});
}否则{
//浏览器不支持地理位置
handleLocationError(false,infoWindow,map.getCenter());
}
}
功能手柄位置错误(浏览器具有地理位置、信息窗口、pos){
信息窗口。设置位置(pos);
infoWindow.setContent(browserHasGeolocation?
“错误:地理位置服务失败。”:
'错误:您的浏览器不支持地理位置。');
}

  • 将嵌入的Map iframe添加到HTML中
    查看更多信息。

  • 在JavaScript文件中使用地理位置获取用户的当前位置

  • 通过在地图URL末尾添加
    &ll=lat,long
    ,将地图设置为显示用户的位置

  • 将嵌入的Map iframe添加到HTML中
    查看更多信息。

  • 在JavaScript文件中使用地理位置获取用户的当前位置

  • 通过在地图URL末尾添加
    &ll=lat,long
    ,将地图设置为显示用户的位置


  • 我忘了:maps.google.com/maps/api/js?sensor=true“>我忘了:maps.google.com/maps/api/js?sensor=true”>嘿,谢谢你的回答。但当我进入某个Lat时,它有一个固定的位置。。。我将在我的地图中实现脚本。。你站起来了吗?这样我的地图就可以随时搜索我的位置了,谢谢。但当我实现这段代码时,它只会显示两个文本字段,我可以在其中键入一些内容。也许我必须更好地解释一下:我有一张谷歌MYmAPS卡。我唯一想做的就是,在那里显示我目前的地理位置。在“普通”谷歌地图中,它工作得非常完美。但不是我的地图。你不明白吗?@Crissi我再次编辑了我的答案,请检查并告诉我是否有用!此代码获取您的当前位置,并在显示时将其设置为地图starts@Crissi我也用你的地图试试&效果很好!只要试着在你的浏览器或电脑中启用本地化功能就行了。祝你好运。但它不起作用。我输入了相同的代码,但没有显示任何内容。。。我在哪里可以使用我的地图?我应该在代码中输入一些URL或者类似的东西?对不起,谢谢你的回答。但当我进入某个Lat时,它有一个固定的位置。。。我将在我的地图中实现脚本。。你站起来了吗?这样我的地图就可以随时搜索我的位置了,谢谢。但当我实现这段代码时,它只会显示两个文本字段,我可以在其中键入一些内容。也许我必须更好地解释一下:我有一张谷歌MYmAPS卡。我唯一想做的就是,在那里显示我目前的地理位置。在“普通”谷歌地图中,它工作得非常完美。但不是我的地图。D