Question

我已经设法在我的网页上获得了我的位置地图，但我希望能够添加选项以便客户输入他们的位置＆amp;然后将路线映射到我的网页上的地图上。我搜索过＆amp;有在线演示，但它们都会带你到一个新窗口或谷歌地图页面。我想在地图上显示已经显示在我页面上的路线。

来自评论：

<script> 
var myCenter=new google.maps.LatLng(x,x); 
function initialize() { 
 var mapProp = { center:myCenter, zoom:10, mapTypeId:google.maps.MapTypeId.ROADMAP }; 
 var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
 var marker=new google.maps.Marker({ position:myCenter, }); 
 marker.setMap(map); 
 var infowindow = new google.maps.InfoWindow({ content:"x" }); 
 infowindow.open(map,marker); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script>

Answer 1

查看此演示：https://jsfiddle.net/mjrulesamrat/qagkso5c/3/ 你可以在这里找到Github回购：https://github.com/mjrulesamrat/google_maps

在演示中可以看到有一个搜索栏，您可以在其中输入您的位置。

<input class="controls form-control pac-input" type="text" placeholder="Search Box">

在您的情况下，您可以修复结束位置。映射根据输入重新加载，因此不会打开其他窗口。

检查并根据需要自定义！希望这会有所帮助...

谷歌在网页上映射路线

1 个答案: