Javascript 在谷歌地图上标记位置_Javascript_Jquery_Html_Api_Maps

Javascript 在谷歌地图上标记位置

javascript jquery html api maps

Javascript 在谷歌地图上标记位置,javascript,jquery,html,api,maps,Javascript,Jquery,Html,Api,Maps,我对编码相当陌生，正在尝试创建自己的个人项目。我能够得到一个简单的地图并运行例如，我将如何创建您所在地区的所有酿酒厂。我是否需要访问API，然后为每个API创建一个标记？或者只是在地图和谷歌“酿酒厂”中创建一个搜索栏函数myMap（）{ var myCenter=new google.maps.LatLng（39.742043，-104.991531） var mapCanvas=document.getElementById（'googleMap'）； var mapOptions={c

我对编码相当陌生，正在尝试创建自己的个人项目。我能够得到一个简单的地图并运行

例如，我将如何创建您所在地区的所有酿酒厂。我是否需要访问API，然后为每个API创建一个标记？或者只是在地图和谷歌“酿酒厂”中创建一个搜索栏


函数myMap（）{
var myCenter=new google.maps.LatLng（39.742043，-104.991531）
var mapCanvas=document.getElementById（'googleMap'）；
var mapOptions={center:myCenter，zoom:9}；
var map=new google.maps.map（mapCanvas，mapOptions）；
var marker=new google.maps.marker（{position:myCenter}）；
marker.setMap（map）；
var infowindow=new google.maps.infowindow（{content:“Denver”}）；
信息窗口。打开（地图、标记）；
}

如果你有自己的例子或例子来帮助我学习的网站，我将不胜感激。我只是不知道它是怎么工作的。谢谢

我将分享一个链接，该链接给出了使用此API密钥的指导原则，您可以创建API密钥并在下面的脚本中复制

       <!DOCTYPE html>
    <html>
      <head>
        <style>
          #map {
            height: 400px;  
            width: 100%;  
           }
        </style>
      </head>
      <body>
        <h3>My Google Maps Demo</h3>
        <!--The div element for the map -->
        <div id="map"></div>
        <script>
    // Initialize and add the map
    function initMap() {

      var uluru = {lat: -104.991531, lng: 39.742043};

      var map = new google.maps.Map(
          document.getElementById('map'), {zoom: 4, center: uluru});
      // The marker, positioned at your location 
      var marker = new google.maps.Marker({position: uluru, map: map});
    }
        </script>
        <script async defer
        src="https://maps.googleapis.com/maps/api/js? 
 key=YOUR_API_KEY&callback=initMap">
        </script>
      </body>
    </html>


#地图{
高度：400px；
宽度：100%；
}
我的谷歌地图演示
//初始化并添加映射
函数initMap（）{
var uluru={lat:-104.991531，液化天然气：39.742043}；
var map=new google.maps.map(
getElementById（'map'），{zoom:4，center:uluru}）；
//位于您所在位置的标记
var marker=new google.maps.marker（{position:uluru，map:map}）；
}

请点击以下链接：

key=“KEYHERE”

。。。我希望你不要像那样把键放在引号里，它显然是一个占位符。然而src=是一个链接。所以，从技术上讲，链接和键都是用引号括起来的。只是确保-是的，整个url都是用引号括起来的-我必须承认我没有完全阅读这个问题，没有意识到你发布了工作代码

       <!DOCTYPE html>
    <html>
      <head>
        <style>
          #map {
            height: 400px;  
            width: 100%;  
           }
        </style>
      </head>
      <body>
        <h3>My Google Maps Demo</h3>
        <!--The div element for the map -->
        <div id="map"></div>
        <script>
    // Initialize and add the map
    function initMap() {

      var uluru = {lat: -104.991531, lng: 39.742043};

      var map = new google.maps.Map(
          document.getElementById('map'), {zoom: 4, center: uluru});
      // The marker, positioned at your location 
      var marker = new google.maps.Marker({position: uluru, map: map});
    }
        </script>
        <script async defer
        src="https://maps.googleapis.com/maps/api/js? 
 key=YOUR_API_KEY&callback=initMap">
        </script>
      </body>
    </html>