Google地图实现

csdn9645

已于 2023-03-22 20:24:49 修改

阅读量214

点赞数

分类专栏： JS 文章标签： javascript html 前端

于 2023-03-22 20:22:35 首次发布

本文链接：https://blog.csdn.net/csdn9645/article/details/129718559

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这段代码演示了如何利用GoogleMapsJavaScriptAPI创建一个地图，设定中心点的经纬度，设置地图类型为道路图，并添加一个动态弹跳的标记。

摘要由CSDN通过智能技术生成

<style>
#map {height: 400px; width: 600px; max-width: 100%;}
</style>
<div id="map"></div>
<script>
let map;
function initMap() {
    const myLatLng = { lat: -25, lng: -119};
    const map = new google.maps.Map(document.getElementById("map"), {
        center: myLatLng,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    const image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
 
    const marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        animation: google.maps.Animation.BOUNCE
    });
}
window.initMap = initMap;
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=apikey&callback=initMap" async defer></script>

实现地址显示在谷歌地图