Javascript 谷歌MyMaps地理定位//全球定位系统
我在MyMaps中创建了一个映射,并将其实现为一个php文档。 它工作得很好。但我想在它开始时设置地理位置。 可能吗? 下面的脚本显示了一个带有地理位置的Google地图。我如何在这里实现我的地图? 谢谢你的帮助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);
<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?
“错误:地理位置服务失败。”:
'错误:您的浏览器不支持地理位置。');
}
查看更多信息。
&ll=lat,long
,将地图设置为显示用户的位置
查看更多信息。
&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