php - 我可以使用 google maps pin 来填充我网页上的表单吗?

标签 php mysql database google-maps dynamic

<分区>

我有一个包含 600 多个 map 标记 的数据库,其中包含 longitudelatitude 以及供客户使用的所有适用信息.

我需要创建一些东西,允许我单击 map 中的图钉标记,然后从该图钉上提取附加到该图钉的任何数据(电话号码、邮政编码、地址等)在数据库中并添加到表单中。

我可以从谷歌地图中提取数据来填充网页上的表单吗?

最佳答案

您需要为此执行某些步骤。

从 Google Developer 生成 key :

链接 = https://code.google.com/apis/console/

生成的 key = "GeneratedKey"

<!DOCTYPE html>
    <html>
  <head>
    <style type="text/css">
      html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=YourGenerateKeyHere">
    </script>
<script>
	
   function getLocation()
    {
	var geocoder = new google.maps.Geocoder();
	var address = document.getElementById("Location").value;
	var latitude = 0;
	var longitude = 0;
	geocoder.geocode( { 'address': address}, function(results, status) {
	if (status == google.maps.GeocoderStatus.OK) {
		latitude = results[0].geometry.location.lat();
        longitude = results[0].geometry.location.lng();
		showPosition(latitude, longitude, address);
	}
	}); 
   }
    function showPosition(latitude, longitude, address)
	{
		var mapOptions = {
          center: { lat: latitude, lng: longitude},
          zoom: 18,
		  mapTypeId: google.maps.MapTypeId.ROADMAP 
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
		var myLatlng = new google.maps.LatLng(latitude,longitude);

		var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: address,
  });

		google.maps.event.addDomListener(window, 'load', initialize);
    }
     
</script>
<body>
	<input type="text" id="Location" placeholder="Type address here" />
    <button onclick="getLocation()">Click here to see map</button>
  
<div id="map-canvas"></div>
  
</body>
</html>
</html>

关于php - 我可以使用 google maps pin 来填充我网页上的表单吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29676226/

相关文章:

php - mysql - 表分区与 "manual"表分区

sql - 多种选择的数据库设计

php - 如何在 postCondition 方法中使用 BETWEEN mysql 运算符?

php - 如何将 mysql 数据库中的日期字符串列转换为 UNIX 时间戳?

php - codeigniter 数据库查询替换为现有的

mysql - 其他数据库中的过程表

mysql - 仅当 TABLE EXIST 时才执行 SELECT 查询

mysql - Node - 数据库工作内存不足的大型 for 循环

AngularJS:将本地化的用户输入数据存储在翻译 json 文件或数据库中

php - PHP 是如何工作的以及它的架构是什么?