Google Maps API - 显示/添加自定义位置(标记)

时间:2015-07-20 12:05:04

标签: html google-maps

我想在我的网站上的Google地图上显示带有图标和标签的自定义位置。

1 个答案:

答案 0 :(得分:0)

在head部分插入以下JS库和编码。更改LatLng以匹配您的确切位置。

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

<script>
function initialize() {
  var myLatlng = new google.maps.LatLng(7.316306, 80.622160);
  var mapOptions = {
    zoom: 14,
    center: myLatlng
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'My new location is this :P'
  });
}
google.maps.event.addDomListener(window, 'load', initialize);

</script>

在正文部分插入此div,您希望显示地图。

<div id="map-canvas" width="350" height="271"></div>