html [Google Maps]可自定义的Google Maps脚本,用于嵌入网站#js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html [Google Maps]可自定义的Google Maps脚本,用于嵌入网站#js相关的知识,希望对你有一定的参考价值。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  function initMap() {
    var coordinates = { lat: 0, lng: 0 },
      markerCoordinates = { lat: 0, lng: 0 },
      markerImage = 'images/map-marker.png',
      zoom = 17,
      map = new google.maps.Map(document.getElementById('map'), {
        center: coordinates,
        zoom: zoom,
        scrollwheel: false
      }),
      marker = new google.maps.Marker({
        position: markerCoordinates,
        map: map,
        icon: markerImage
      });
  }
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key={YOUR_API_KEY}&callback=initMap"></script>

以上是关于html [Google Maps]可自定义的Google Maps脚本,用于嵌入网站#js的主要内容,如果未能解决你的问题,请参考以下文章

Reactjs react-google-maps 未定义

CSS3炫酷的发光文字 可自定义文字色彩!

go语言3 数组, 切片, Maps

如何将自定义按钮添加到 react-google-maps?

如何使用 vue2-google-maps 显示谷歌地图

google_maps_flutter - 自定义标记图标:无法启用 MyLocation 图层,因为未授予位置权限