Javascript 从标签在谷歌地图中显示位置

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

我有一个标签,其中包含地址值。我想把这个地址载入我的谷歌地图。“首选”解决方案就在这里。但我不想要这个解决方案。我不想搜索地址、商店或其他任何东西我只想将我的标签值加载到我的谷歌地图中

我真的很感激任何帮助!谢谢大家!

p、 我已经尝试过这个解决方案,但没有重新定义一些代码,比如
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