gpt4 book ai didi

html - 如何从 Google Developers 教程向我的 Google map 添加图钉

转载 作者:太空宇宙 更新时间:2023-11-04 11:03:30 27 4
gpt4 key购买 nike

我一直在使用关于如何将 map 添加到我的网站的 Google Developers 教程:

https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map#the_finished_code

我似乎找不到向 map 添加图钉的方法,我使用了“中心”功能,使 map 以图钉的经纬度为中心,但图钉本身不可见。

有什么方法可以在那个纬度和经度上创建一个图钉?

最佳答案

只需要实例化一个marker对象,并放置在坐标处即可:

<!DOCTYPE html>
<html>
<head>
<style>
#map {
width: 500px;
height: 400px;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapCanvas = document.getElementById('map');
var myLatLng = {lat: 44.5403, lng: -78.5463};
var mapOptions = {
center: new google.maps.LatLng(myLatLng),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions)
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>

Fiddle

关于html - 如何从 Google Developers 教程向我的 Google map 添加图钉,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34146114/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com