地图jquery上的位置标记

时间:2017-03-29 05:25:49

标签: javascript jquery google-maps google-maps-api-3

我在地址上使用了位置标记。但无法正常使用地图和位置标记

HTML代码。

Function.prototype.call(thisArg)

Jquery代码。

<section class="contact-map2" id="contact-map2">
</section>

请帮我解决这个问题。

1 个答案:

答案 0 :(得分:2)

要添加位置标记,请使用以下代码:

<script>
  function initMap() {
    var uluru = {lat: -25.363, lng: 131.044};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 4,
      center: uluru
      // You can set more attributes value here like map marker icon etc
    });
    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>

<div id="map"></div>

此处callback=initMap会在页面加载时调用initMap()并使用位置标记呈现地图。

Reference