【发布时间】:2020-01-13 15:46:44
【问题描述】:
我对 Google MAPs API 非常陌生。我正在尝试为我的业务创建一个复制下图的地图。我也有下面的代码,其中我有纬度和经度坐标,以及基于这些坐标启动的标记。我如何使用 javascript 显示类似的内容,页面加载位置
- 如下标签显示公司名称和地址,还有一个可点击的链接(方向箭头,图中未显示)
- 自定义 html 在地图上的标记旁边显示公司名称
?
<div id="map"></div>
<script>
function initMap() {
// The location of UluruBBS
var uluru = { lat: 33.931, lng: -84.337732 };
// The map, centered at Uluru
var map = new google.maps.Map(
document.getElementById('map'), { zoom: 15, center: uluru });
// The marker, positioned at Uluru
var marker = new google.maps.Marker({ position: uluru, map: map });
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=[mykey]&callback=initMap">
</script>
【问题讨论】:
-
如果该企业已经在谷歌地图上,您应该能够从地图中获取嵌入链接以放在您的网站上
-
@geocodezip 是内嵌文本的解决方案。现在知道如何解决标签部分。我似乎在谷歌地图文档上找不到任何有用的资源,也找不到堆栈溢出。
-
@geocodezip 这是一个很好的链接,也是这个问题的答案。我还通过使用谷歌地图嵌入式 api 找到了另一种选择。链接发布在答案部分。
标签: javascript google-maps google-maps-api-2