我想知道是否有人对如何在谷歌地图上绘制各种点以及如何使用自定义标记标题将这些点保存在数据库中有任何想法/教程。
我想要类似于http://www.mapmyrun.com/create_new的东西，我实际上可以在 map 上绘制并标记路径等。
最佳答案
绘制点是用 Javascript 完成的，我设法从 map API 文档中学习了我需要的一切: http://code.google.com/apis/maps/documentation/javascript/basics.html
我从我制作的网站上删除了下面的代码，该网站将单个点移动到单击鼠标的位置。您应该能够在 JS 数组中存储一组点，或者更好的是，在提交表单时从 map 中获取它们，然后使用可以使用 php/python 脚本插入到数据库中的值更新隐藏的表单字段服务器。
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:400px; height:600px; display:block; float:left">
</div>
</body>
</html>
<script type="text/javascript">
var map;
var marker = null;
function initialize() {
var myLatlng = new google.maps.LatLng(54, -2.0);
var myOptions = {
zoom: 6,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
}
function placeMarker(location) {
var clickedLocation = new google.maps.LatLng(location);
if(marker == null){
marker = new google.maps.Marker({
position: location,
map: map
});
}else{
marker.setPosition(location);
}
map.setCenter(location);
}
</script>
编辑: 这是来自文档站点的演示，它创建一个点列表并在它们之间绘制一条线: http://code.google.com/apis/maps/documentation/javascript/examples/polyline-simple.html 还有其他例子。只需加载它们并在 Firefox 中按 ctrl+u 即可查看源代码。
关于php - 谷歌地图绘制，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3563885/