Question

我已将我的办公地点指向谷歌地图。

我也创建了API密钥。

现在我使用嵌入式代码在我的联系页面中显示谷歌地图位置。

我想用AP键替换它。

如何使用Google Maps JavaScript API v3显示我的办公地点。

以下是我的test.html页面，用于检查地图。哪些部分需要修改才能显示我的位置？

您可以在以下网址中看到我的位置

谷歌（点）的COM /地图LL = 9.965156,76.290034＆安培; Z = 14＆amp; T公司= M＆安培; HL =的en-US＆安培; GL = US＆安培; mapclient =嵌入＆安培; CID = 9383043750302267720

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=my key already added here">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: { lat: -9.959238, lng: 76.275271},
          zoom: 8
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
<div id="map-canvas"></div>
  </body>
</html>

Answer 1

听起来像是add a marker

以下代码适用于基于文档的initialize功能，但具有您的Lat，Lon和缩放级别。

var myLatlng = new google.maps.LatLng(9.965156,76.290034);
var mapOptions = {
  zoom: 8,
  center: myLatlng
}
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

// To add the marker to the map, use the 'map' property
var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title:"Hello World"
});

标记的标题（即＆＃34; Hello World＆＃34;在上例中）将显示为工具提示。如果您不想要工具提示，则可以删除该行。

如何使用Google Maps JavaScript API v3显示我的办公地点

1 个答案: