Question

我目前正在寻找一种在我的页面中显示Google地图地图的方法。到目前为止，我可以显示地图，但我希望坐标是变量。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
        google.load("maps", "3",{other_params:"sensor=false&libraries=geometry"});
      </script>

<body style="margin:0px; padding:0px;" >
 <input id="address" value="Second Steet, New York" placeholder="Input Address"/>
 <select id="radius_km">
	 <option value=1>1km</option>
	 <option value=2>2km</option>
	 <option value=5>5km</option>
	 <option value=30>30km</option>
 </select>
 <select id="location_type">
	 <option value="restaurant">Restaurant</option>
	 <option value="school">School</option>
 </select>
 <button onClick="getMyAdress()">Get My Location</button>
 <button onClick="showCloseLocations()">Show Locations In Radius</button>
 <div id="map_canvas"  style="width:500px; height:300px;">
</body>
</html>

这是我目前的代码

My PHP variables are $lat and $lng

提前致谢

Answer 1

创建JS对象

var displayOnMap = {"lat":<?php echo $lat; ?>, "lng":<?php echo $lng; ?>};

然后传递它

new google.maps.LatLng( displayOnMap.lat, displayOnMap.lng);

显示带坐标作为变量的Google地图

1 个答案: