Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 地图上的位置标记jquery_Javascript_Jquery_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 地图上的位置标记jquery

Javascript 地图上的位置标记jquery,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,我在我的地址上使用了位置标记。但对于地图和位置标记无法正常工作 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/j

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

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>

google.maps.event.addDomListener(窗口'load',init);
函数init(){
mapInit(11.01392086,76.96254899,“contact-map2”,“images/pinhouse green.png”,true);
}

请帮助我解决此问题。

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

<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>

函数initMap(){
var uluru={lat:-25.363,液化天然气:131.044};
var map=new google.maps.map(document.getElementById('map'){
缩放:4,
中心:乌卢鲁
//您可以在此处设置更多属性值,如地图标记图标等
});
var marker=new google.maps.marker({
职位:乌卢鲁,
地图:地图
});
}
这里
callback=initMap
将在页面加载时调用
initMap()
,并使用位置标记呈现地图


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

<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>

函数initMap(){
var uluru={lat:-25.363,液化天然气:131.044};
var map=new google.maps.map(document.getElementById('map'){
缩放:4,
中心:乌卢鲁
//您可以在此处设置更多属性值,如地图标记图标等
});
var marker=new google.maps.marker({
职位:乌卢鲁,
地图:地图
});
}
这里
callback=initMap
将在页面加载时调用
initMap()
,并使用位置标记呈现地图