如何在谷歌地图上创建多个标记? [英] How can i create multiple markers on a google map?

问题描述

我需要根据给定的纬度和经度值显示多个指针.我做了一个示例，但只有一个指针.如下所示的代码.

I need to show multiple pointers based on the given latitude and longitude values.I did one sample but it comes only one pointers.As shown code below.

流星JS代码:

这是我的对象

var latlong1 = {

      lat: 17.385044,

      long: 78.486671

    }

    console.log("* 2 *");



    var latlong2 = {

      lat: 16.306652,

      long: 80.436540

    }



    var latlong3 = {

      lat:15.505723,

      long: 80.049922

    }



    var latlong4 = {

      lat: 15.317277,

      long: 75.713888

    }

我知道我可以像这样创建它.

i know i can create it like this.

var marker = new google.maps.Marker({

        position: new google.maps.LatLng(lat, long),

        map: map,

        draggable: true,

        animation: google.maps.Animation.DROP,

        icon: icon

      });

并使用位置内的值

new google.maps.LatLng(latlong3.lat, latlong3.long)

但是还有别的办法吗?

推荐答案

您应该首先基于该对象值创建一个数组.

You should first Create an array based on that object values.

var latLong =[];

和莱斯特创建一个简单的函数.

and lester create a simple function.

function createMarkers(){
  for(var i = 0 ; i <latLong.length ; i++) {
      lat = latLong[i].lat;
      long = latLong[i].long;
      var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat, long),
        map: map,
        icon: 'http://Yourimagesourcehere'
      });
    }
}

测试并告诉我.

这篇关于如何在谷歌地图上创建多个标记?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！