NodeJS 我想显示谷歌Map上的2个位置和两个位置的工具提示[已关闭]

qrjkbowd  于 2022-12-26  发布在  Node.js
关注(0)|答案(1)|浏览(175)

已关闭。此问题需要超过focused。当前不接受答案。
**想要改进此问题吗?**更新此问题,使其仅关注editing this post的一个问题。

4天前关闭。
Improve this question
我需要在 NodeJS 与车把这一点,我想嵌入到一个网站,请帮助多个位置同时在Map和工具提示(位置卡出现时,点击位置)在两个位置同时
我试过Map创建,但不能与这种方法,不想花学分谷歌MapAPI我需要一个免费的替代方案或方法,这个问题

6fe3ivhb

6fe3ivhb1#

假设你已经得到了你的谷歌MapAPI密钥:
首先创建div元素

<div id="map"></div>

然后添加javascript函数,如下所示

<script>
  function initMap() {
    // Create a new map object
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 10,
      center: new google.maps.LatLng(xxxxx, xxxxxx),
      mapTypeId: 'roadmap'
    });

    // Add a marker and tooltip for the first location
    var marker1 = new google.maps.Marker({
      position: new google.maps.LatLng(xxxxx, xxxxx),
      map: map,
      icon: 'Add your desired icon here'
    });
    var infoWindow1 = new google.maps.InfoWindow({
      content: 'Location 1'
    });
    marker1.addListener('click', function() {
      infoWindow1.open(map, marker1);
    });

    // Add a marker and tooltip for the second location
    var marker2 = new google.maps.Marker({
      position: new google.maps.LatLng(xxxxx, xxxx),
      map: map,
      icon: 'Add your desired icon here'
    });
    var infoWindow2 = new google.maps.InfoWindow({
      content: 'Location 2'
    });
    marker2.addListener('click', function() {
      infoWindow2.open(map, marker2);
    });
  }
</script>

那就叫PS吧用坐标值替换xxx。

相关问题