-1

我有一个谷歌地图，用户可以在其中创建折线。我已将折线 (lat,lng) 坐标存储到一个数组中。现在我想使用 php 或 javascript 将这些坐标传输到 mysql 数据库，或者还有其他更好的选择吗？我应该如何进行？

这是我的代码：

(function() {
    window.onload = function() {

    var path;
    var marker;
    var infowindow;
    var places = [];

    //create reference to div tag in HTML file
    var mapDiv = document.getElementById('map');

    // option properties of map
    var options = { 
            center: new google.maps.LatLng(-20.2796, 57.5074),
            zoom : 16,
            mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    // create map object
    var map = new google.maps.Map(mapDiv, options);

    // create MVC array to populate on click event
    var route = new google.maps.MVCArray();

    var polyline = new google.maps.Polyline({
        path: route,
        strokeColor: '#ff0000',
        strokeOpacity: 0.6,
        strokeWeight: 5
    });

    polyline.setMap(map);

    // create click event,attach to map and populate route array

    google.maps.event.addListener(map,'click', function(e) {

        // create reference to polyline object
         path = polyline.getPath();

         // add the position clicked on map to MVC array
        path.push(e.latLng);

    });

    // display coordinates
    document.getElementById('coords').onclick = function() {

        for(var i = 0; i < path.getLength(); i++) {

            alert('coords: ' + path.getAt(i).toUrlValue(2) +'\n');
        }


    }

    // create marker on right click
        google.maps.event.addListener(map,'rightclick', function(e) {

                marker = new google.maps.Marker({
                position: e.latLng,
                map: map
            });
                places.push(e.latLng);

                // get coordinates in infowindow on click

                google.maps.event.addListener(marker,'click', function(event){

                    if(!infowindow) {

                        infowindow = new google.maps.InfoWindow();

                    }
                    infowindow.setContent('coords: ' + marker.getPosition().toUrlValue(3));
                    infowindow.open(map,marker);
                });

            });

    };

})();
4

3 回答 3

2

您可以随时存储它 - 这取决于您以后要如何使用这些数据。您可以将其作为 JSON 编码数组存储在 TEXT 字段中，您可以将 lat / lng 坐标保存在单独的字段中，如下所示：

// Table for polylines
CREATE TABLE `polylines` (
  `pID` INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
  `pName` VARCHAR(45) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  PRIMARY KEY (`pID`)
)
ENGINE = MyISAM
CHARACTER SET utf8 COLLATE utf8_general_ci;

// Table for coordinates
CREATE TABLE `coords` (
  `cID` INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
  `cPolyline` INTEGER UNSIGNED NOT NULL,
  `cLat` VARCHAR(15) NOT NULL,
  `cLng` VARCHAR(15) NOT NULL,
  PRIMARY KEY (`cID`)
)
ENGINE = MyISAM
CHARACTER SET utf8 COLLATE utf8_general_ci;

现在你可以得到这样的折线：

SELECT * FROM polylines WHERE pName = 'something'

然后坐标：

SELECT cLat, cLng FROM coords WHERE cPolyline = ID

有很多可能性和选择——就像我之前说的——这完全取决于你接下来想做什么。

于 2012-09-30T14:15:14.757 回答
2

好的，这是适合您的数据库解决方案：

表路径将存储您的阵列中的路径。

CREATE TABLE `gmap`.`paths` (
  `pID` INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
  `pName` VARCHAR(75) NOT NULL,
  `pStartLat` VARCHAR(25) NOT NULL,
  `pStartLng` VARCHAR(25) NOT NULL,
  `pAverageSpeed` FLOAT NOT NULL,
  PRIMARY KEY (`pID`)
)
ENGINE = MyISAM;

表路径将在 pName 字段中存储您的用户/路径名称（无论您想要什么），在 pStartLat/pStartLng 字段中存储起点，pAverageSpeed 当然是平均速度（不知道您是否想要它，以防万一）并且 pID 是标识符您将与另一个表一起使用：

CREATE TABLE `gmap`.`coords` (
  `cID` INTEGER UNSIGNED NOT NULL AUTO_INCREMENT,
  `cLat` VARCHAR(25) NOT NULL,
  `cLng` VARCHAR(25) NOT NULL,
  `cSpeed` FLOAT NOT NULL,
  `cPath` INTEGER UNSIGNED NOT NULL,
  PRIMARY KEY (`cID`)
)
ENGINE = MyISAM;

这张表将让您存储坐标 - 每个坐标都有速度。

现在，假设您要显示名为“TestOne”的路径。

// Connect to the database - I assume you can do that
// and retrieve data

SELECT * FROM paths WHERE pName = "TestOne"

现在您在表中获得了 ID、名称、起点坐标和平均速度（mysql_fetch_assoc 非常适合）。

然后，您可以使用 ID 检索其余坐标：

SELECT * FROM coords WHERE cPath = ID

现在，使用例如 while 循环，您可以将所有坐标检索到一个数组中。

当然，首先您必须使用 INSERT INTO 构造或类似方法来存储该数据:-)

于 2012-09-30T14:51:04.523 回答
1

您可以使用许多解决方案，例如您的代码似乎是这样的：

var my_map= new GMap2(document.getElementById("my_map"));
    my_map.setCenter(new GLatLng(36.82,10.17),10);
    my_map.addControl(new GSmallMapControl());
    GEvent.addListener(my_map, "click", function(overlay,point){
    var lat = point.lat();
    var lng = point.lng();
    $('#input_lat').val(lat);
    $('#input_long').val(lng); 
 });

并且 input_lat, input_long 可以隐藏或可见输入到您的表单中，然后保存到您的数据库中

于 2012-09-30T14:14:22.357 回答