Javascript 地图上的位置标记jquery
我在我的地址上使用了位置标记。但对于地图和位置标记无法正常工作 HTML代码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
<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&sensor=false&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()
,并使用位置标记呈现地图