Javascript 从标签在谷歌地图中显示位置
我有一个标签,其中包含地址值。我想把这个地址载入我的谷歌地图。“首选”解决方案就在这里。但我不想要这个解决方案。我不想搜索地址、商店或其他任何东西我只想将我的标签值加载到我的谷歌地图中 我真的很感激任何帮助!谢谢大家! p、 我已经尝试过这个解决方案,但没有重新定义一些代码,比如Javascript 从标签在谷歌地图中显示位置,javascript,google-maps,google-maps-api-3,maps,Javascript,Google Maps,Google Maps Api 3,Maps,我有一个标签,其中包含地址值。我想把这个地址载入我的谷歌地图。“首选”解决方案就在这里。但我不想要这个解决方案。我不想搜索地址、商店或其他任何东西我只想将我的标签值加载到我的谷歌地图中 我真的很感激任何帮助!谢谢大家! p、 我已经尝试过这个解决方案,但没有重新定义一些代码,比如var searchBox=new google.maps.places.searchBox(search)错误显示:“未捕获引用错误:未定义google” 更新: <script> var
var searchBox=new google.maps.places.searchBox(search)代码>错误显示:“未捕获引用错误:未定义google”
更新:
<script>
var map;
var defaultLocation = { lat:37.977791, lng: 23.672878} ;
var infoWindow;
var marker;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: defaultLocation,
zoom: 15
});
infoWindow = new google.maps.InfoWindow({map: map});
// HTML5 Geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
defaultLocation = pos;
infoWindow.setPosition(pos);
infoWindow.setContent('<h4> You are here! </h4>');
map.setCenter(pos);
}, function() { //Geolocation service failed
handleLocationError(true, infoWindow, map.getCenter());
});
} else {
// Browser doesn't support Geolocation
handleLocationError(false, infoWindow, map.getCenter());
}
//END HTML5 Geolocation.
document.getElementById('add-marker').addEventListener('click', addMarker);
document.getElementById('delete-marker').addEventListener('click', removeMarker);
}
//---->Here the problem!!!!!!!!!!!!!!!!
var search = document.getElementById('search');
var searchBox = new google.maps.places.SearchBox(search);
searchBox.addListener('places_changed', function() {
var places = searchBox.getPlaces();
if (places.length == 0) {
return;
}
});
// Geolocation Function
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
infoWindow.setPosition(pos);
infoWindow.setContent(browserHasGeolocation ?
'<strong>Error:</strong> The Geolocation service failed.' :
'<strong>Error:</strong> Your browser doesn\'t support geolocation.');
}
// Add Marker
function addMarker() {
if (infoWindow){
infoWindow.close();
}
marker = new google.maps.Marker({
position: map.getCenter(),
draggable: true,
map: map
});
updateCurrentLatLng(marker.getPosition());
document.getElementById('add-marker').disabled = true;
marker.addListener('dragend', updateCurrentLatLng);
}
// Delete Marker
function removeMarker() {
marker.setMap(null);
document.getElementById('add-marker').disabled = false;
document.getElementById('latcoords').value =null;
document.getElementById('loncoords').value = null;
}
// Update the position of the marker in latitude and longitude
function updateCurrentLatLng(latLng){
document.getElementById('latcoords').value = marker.getPosition().lat();
document.getElementById('loncoords').value = marker.getPosition().lat();
}
</script>
var映射;
var defaultLocation={lat:37.977791,lng:23.672878};
var信息窗口;
var标记;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
中心:默认位置,
缩放:15
});
infoWindow=newgoogle.maps.infoWindow({map:map});
//HTML5地理定位。
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(函数(位置){
var pos={
纬度:位置坐标纬度,
lng:position.coords.longitude
};
defaultLocation=pos;
信息窗口。设置位置(pos);
setContent('youre here!');
地图设置中心(pos);
},函数(){//地理位置服务失败
handleLocationError(true,infoWindow,map.getCenter());
});
}否则{
//浏览器不支持地理位置
handleLocationError(false,infoWindow,map.getCenter());
}
//结束HTML5地理定位。
document.getElementById('add-marker')。addEventListener('click',addMarker');
document.getElementById('delete-marker')。addEventListener('click',removeMarker');
}
//---->这里有问题!!!!!!!!!!!!!!!!
var search=document.getElementById('search');
var searchBox=newgoogle.maps.places.searchBox(搜索);
searchBox.addListener('places\u changed',function(){
var places=searchBox.getPlaces();
如果(places.length==0){
返回;
}
});
//地理定位函数
功能手柄位置错误(浏览器具有地理位置、信息窗口、pos){
信息窗口。设置位置(pos);
infoWindow.setContent(browserHasGeolocation?
“错误:地理定位服务失败。”
“错误:您的浏览器不支持地理位置。”;
}
//添加标记
函数addMarker(){
如果(信息窗口){
infoWindow.close();
}
marker=新的google.maps.marker({
位置:map.getCenter(),
真的,
地图:地图
});
updateCurrentLatLng(marker.getPosition());
document.getElementById('add-marker')。disabled=true;
marker.addListener('dragend',updateCurrentLatLng);
}
//删除标记
函数removeMarker(){
marker.setMap(空);
document.getElementById('add-marker')。disabled=false;
document.getElementById('latcoords')。value=null;
document.getElementById('loncoords')。value=null;
}
//更新标记在经纬度中的位置
函数更新currentlatlng(latLng){
document.getElementById('latcoords')。value=marker.getPosition().lat();
document.getElementById('loncoords')。value=marker.getPosition().lat();
}
您需要在initMap函数中移动SearchBox初始化。当前,它在DOM中呈现id为“search”的输入之前运行
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: defaultLocation,
zoom: 15
});
infoWindow = new google.maps.InfoWindow({
map: map
});
// HTML5 Geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
defaultLocation = pos;
infoWindow.setPosition(pos);
infoWindow.setContent('<h4> You are here! </h4>');
map.setCenter(pos);
}, function() { //Geolocation service failed
handleLocationError(true, infoWindow, map.getCenter());
});
} else {
// Browser doesn't support Geolocation
handleLocationError(false, infoWindow, map.getCenter());
}
//END HTML5 Geolocation.
document.getElementById('add-marker').addEventListener('click', addMarker);
document.getElementById('delete-marker').addEventListener('click', removeMarker);
var search = document.getElementById('search');
var searchBox = new google.maps.places.SearchBox(search);
searchBox.addListener('places_changed', function() {
var places = searchBox.getPlaces();
if (places.length == 0) {
return;
}
});
} // end of initMap
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
中心:默认位置,
缩放:15
});
infoWindow=新建google.maps.infoWindow({
地图:地图
});
//HTML5地理定位。
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(函数(位置){
var pos={
纬度:位置坐标纬度,
lng:position.coords.longitude
};
defaultLocation=pos;
信息窗口。设置位置(pos);
setContent('youre here!');
地图设置中心(pos);
},函数(){//地理位置服务失败
handleLocationError(true,infoWindow,map.getCenter());
});
}否则{
//浏览器不支持地理位置
handleLocationError(false,infoWindow,map.getCenter());
}
//结束HTML5地理定位。
document.getElementById('add-marker')。addEventListener('click',addMarker');
document.getElementById('delete-marker')。addEventListener('click',removeMarker');
var search=document.getElementById('search');
var searchBox=newgoogle.maps.places.searchBox(搜索);
searchBox.addListener('places\u changed',function(){
var places=searchBox.getPlaces();
如果(places.length==0){
返回;
}
});
}//initMap的结尾
请@rafsonic发布一些代码“标签”是什么意思?你只想把标签值
放在谷歌地图搜索框中
@拉夫桑尼:是的,只有那个@simonlike一个文本框。。。。但价值已经存在。如果这解决了您的问题,请不要搜索任何@geocodezipi