如何在Laravel视图页面中动态显示Google Map标记?

时间:2015-12-25 21:16:42

标签: javascript google-maps google-maps-api-3 google-maps-markers laravel-5.1

我在互联网上找到了一些JavaScript代码。它帮助我通过移动数据库表上的标记来存储Google地图的纬度和经度。

数据库列名称为if (write (sd, message, sizeof(message)) <= 0) { perror ("[client]Eroare la write() spre server.\n"); return errno; } char message2[100]; fflush(stdout); if (read (sd, message2, 100 ) < 0) { perror ("[client]Eroare la read() de la server.\n"); return errno; } //writing message printf ("[client]Message received is : %s\n", message2); 。现在我想在视图页面上显示位置。地图应包含以下属性la|loframeborder="0"scrolling="no"marginheight="0"marginwidth="0"width="250"

我是新手,我对JavaScript知之甚少。我正在提供注册纬度和经度的js代码。

height="272"

1 个答案:

答案 0 :(得分:0)

由于您指示了lat / long在数据库中,您只需检索它并将其设置在js中的数组列表中。之后,您只需要根据它将列表迭代到add markers

此处的代码来自提供的官方文档。

function initMap() {
  var myLatLng = {lat: -25.363, lng: 131.044};

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatLng
  });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!'
  });
}

对于样式,您可以查看官方文档中的Styled Maps页面。它应该足以满足您在帖子中设置的内容。