2017-03-01 54 views
-1

,如果有人知道可用一个简单的脚本,将做以下的我只是想知道:特定供应商的查找谷歌地图上的位置由获取变量

显示谷歌地图的位置由URL而得名。就像我们在Justdial,IndiaMart,Zomato等各种上市网站中看到的一样。更清楚如果我的网址是

www.example.com/list.php?city=Delhi 

它会在谷歌地图上显示德里在我的list.php网页上嵌入。

有谁知道这样的事情是否已经存在于PHP中?

在此先感谢。

+0

的可能的复制[如何只显示一个国家或使用API​​谷歌地图的特定区域?](http://stackoverflow.com/questions/717019/how-to-display-only-one - 国家或特定区域在谷歌地图 - 使用的api) – N3sh

+0

@ N3sh这个问题是远离我的问题。在那个问题上,他想展示一个固定的国家,即美国。但我的问题是我想在地图上显示该城市在URL中。如果URL是www.example.com/list.php?city=Delhi,那么德里如果它的孟买,Bangluru,Chennai或其他什么都表明那个城市不是德里。 – Ashish

回答

3

这会帮助你。

Html Part。

<div id="map" style="width:100%; height:500px;"></div> 

的Javascript:

function initMap() { 
    var latitude = your latitude; 
    var longitude = Your longitude; 

    var myLatlng = {lat: parseFloat(latitude), lng: parseFloat(longitude)}; 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 12, 
     center: myLatlng 
    }); 

    var address = Address; 

    var infowindow = new google.maps.InfoWindow({ 
     content: address 
    }); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Click to zoom' 
    }); 

    marker.addListener('click', function() { 
     infowindow.open(map, marker); 

    }); 

} 

最后,你必须包括地图图书馆。

<script async defer 
    src="https://maps.googleapis.com/maps/api/js?key=Google key&callback=initMap"> 
</script> 
+0

脚本中有错误,我找不到...可以请您重新检查一次。 DW在脚本的第二行显示错误.... var latitude =您的纬度; ....我是否需要将地址更改为城市... – Ashish

+0

DId您添加了您的纬度'''例如。 2.5649852'''东西,而不是'''你的纬度'''。 –

+0

是的,我已经添加了.... – Ashish