Javascript 使用搜索框和标记（单击）将谷歌地图添加到我的网站，并在html输入框中获取lat&long

我的谷歌地图 html，正文{ 身高：100%； 保证金：0； 填充：0； } 地图{ 身高：100%； } .控制{ 边缘顶部：10px； 边框：1px实心透明； 边界半径：2px 0 0 2px； 框大小：边框框； -moz框大小：边框框； 高度：32px； 大纲：无； 盒影：0 2px 6px rgba0,0,0,0.3； } pac输入{ 背景色：fff； 字体系列：Roboto； 字体大小：15px； 字体大小：300； 左边距：12px； 填充：0 11px 0 13px； 文本溢出：省略号； 宽度：300px； } pac输入：焦点{ 边框颜色：4d90fe； } .pac集装箱{ 字体系列：Roboto； } 类型选择器{ 颜色：fff； 背景色：4d90fe； 填充：5px11px 0px 11px； } 类型选择器标签{ 字体系列：Roboto； 字体大小：13px； 字体大小：300； } 目标{ 宽度：345px； } 函数初始化自动完成{ var map=new google.maps.Mapdocument.getElementById'map'{ 中心：{lat:-33.8688，lng:151.2195}， 缩放：13， mapTypeId:“路线图” }; var input=document.getElementById'pac-input'； var searchBox=new google.maps.places.SearchBoxinput； map.controls[google.maps.ControlPosition.TOP\u LEFT].pushinput； map.addListener'bounds_changed'，函数{ searchBox.setBoundsmap.getBounds； }; var标记=[]； searchBox.addListener'places\u changed'，函数{ var places=searchBox.getPlaces； 如果places.length==0{ 回来 } markers.forEachfunctionmarker{ marker.setMapnull； }; 标记=[]； var bounds=new google.maps.LatLngBounds； 地点{ 如果！place.geometry{ console.logReturned不包含任何几何图形； 回来 } 变量图标={ url:place.icon， 尺寸：新google.maps.Size71,71， 来源：新google.maps.Point0，0， 主持人：新google.maps.Point17,34， scaledSize:new google.maps.Size25，25 }; markers.pushnew google.maps.Marker{ 地图：地图， 图标：图标， 标题：place.name， 位置：place.geometry.location }; 如果放置.geometry.viewport{ //只有地理代码具有视口。 bounds.unionplace.geometry.viewport； }否则{ bounds.extendplace.geometry.location； } }; map.fitbundsbounds； }; } 你可以试试这个

var map=new google.maps.Mapdocument.getElementById'myMap'{ 中心：{纬度：-34.397，液化天然气：150.644}， 缩放：12 }; var mylatng=new google.maps.LatLng-34.397150.644； marker=新的google.maps.marker{ 地图：地图， 职位：myLatlng， 真的， 图标：mapIcon }; var input=document.getElementById'pac-input'； var autocomplete=new google.maps.places.Autocompleteinput； 自动完成。绑定到“边界”，映射； 自动完成。addListener'place\u changed'，函数{ marker.setVisiblefalse； var place=autocomplete.getPlace； 如果！place.geometry{ alertAutocomplete返回的位置不包含任何几何图形； 回来 } //如果该地点有几何图形，则将其显示在地图上。 如果放置.geometry.viewport{ map.fitbundsplace.geometry.viewport； }否则{ map.setCenterplace.geometry.location； map.setZoom12；//为什么是17？因为它看起来不错。 } marker.setPositionplace.geometry.location； marker.setVisibletrue； var地址=； if place.address\u组件{ 地址=[ place.address_components[0]&&place.address_components[0]。缩写_name | |， place.address_components[1]&&place.address_components[1]。缩写_name | |， place.address_components[2]&&place.address_components[2]。缩写_name| ]。加入“”； } //infowindow.setContent+place.name++地址； infowindow.setContentaddress； infowindow.openmap，标记； $'latitude'.valplace.geometry.location.lat； $'longitude'.valplace.geometry.location.lng； };

---

谷歌在他们的文档中有很多例子可以让你开始，开始。亲爱的先生，当你问我所做的工作时，我附上了一个html代码，其中j 只需添加谷歌地图和搜索框，但没有标记和地理位置坐标……事实上，我是javascript的新手。