javascript - jquery map 上的位置标记

Question

我在我的地址上使用了位置标记。但 map 和位置标记无法正常工作

HTML 代码。

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

Jquery 代码。

<!-- Jquery -->
<script src="js/jquery-3.1.1-min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAT4sxB6QJ6yqBA7bve0j6wLYSHeF2NKs0&amp;sensor=false&amp;libraries=places"></script>
<script type="text/javascript">
    google.maps.event.addDomListener(window, 'load', init);
    function init() {
        mapInit(11.01392086,76.96254899,"contact-map2","images/pin-house-green.png", true);
    }
</script>

请帮我解决这个问题。

Answer 1

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

<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() 并使用位置标记渲染 map 。

Reference