Question

我正在使用以下代码为我的网站的页脚导航生成Google地图，并希望在其lat / long中添加一个红色图钉，但似乎无法弄明白。这种添加Google地图的方法似乎剥离了红色标记，并且提供了更好，更优雅的用户界面，而不是默认的用户界面，根据谷歌地图页面。

HTML

<div id="googleMap" style="width:295px;height:210px;"></div>

Javascript

    <!-- Script for Google Maps UI -->
    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>

    <script>
    function initialize()
    {
      var mapProp = {
        center: new google.maps.LatLng(32.790320,-117.099955),
        zoom:12,
        disableDefaultUI:false,    
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
    </script>

请点击此处查看地图的实时示例：http://web.n8geeks.com/

Answer 1

https://developers.google.com/maps/documentation/javascript/examples/marker-simple

所以在var map = .... Line

之后添加它

  var marker = new google.maps.Marker({
  position: new google.maps.LatLng(32.790320,-117.099955),
  map: map,
  title: 'Hello World!'
  });
}

这个以及上面的链接可以为您提供所需的信息

将红色标记添加到Google地图

1 个答案: