Google Maps API V3 -移动和“;To"标记并重新填充搜索字段

Google Maps API V3 - Move "From" and "To" markers and repopulate search field

本文关键字：新填充 字段 搜索 填充 quot V3 API Maps 移动 To Google      更新时间：2023-09-26

我知道如何创建自定义标记，但我想做的是创建一个函数，该函数将设置"From"answers" to "标记(或a和B，因为它们在地图上显示)到我点击的任何地方，然后用新位置更新搜索框。

例如，假设我有一条从123 Fake Street到123 Madeup Lane的路线，from和to搜索框将分别显示123 Fake Street和123 Madeup Lane。当我运行这个特定的函数时，我希望标记移动并将"From"answers"to"搜索框替换为新的标记位置。

这可能吗?

请看这里的工作示例。点击地图，第一次点击将是你的起点，而第二次点击地图将是目的地。

google.maps.event.addListenerOnce(map, 'click', function(event){
                var fromLat = event.latLng.lat();
                var fromLong = event.latLng.lng();
                var markLatLng = new google.maps.LatLng(fromLat, fromLong);
                var marker = new google.maps.Marker({
                    position: markLatLng,
                    map: map
                });
                document.getElementById('field_from').value = markLatLng;
                var start = document.getElementById('field_from').value
                var end = document.getElementById('field_to').value;
                var request = {
                    origin:start,
                    destination:end,
                    travelMode: google.maps.DirectionsTravelMode.DRIVING
                };
                directionsService.route(request, function(response, status) {
                      if (status == google.maps.DirectionsStatus.OK) {
                        directionsDisplay.setDirections(response);
                }
                });
                markersArray.push(marker);
                });

解决了，如果有人感兴趣的话

相关文章：