Google maps koordináták db-be mentése
Hali,
A felhasználó által bejelölt Google Maps koordinátákat szeretném sql db-be menteni. Erre találtam is egy jó progit a neten, ami tökéletesen működik. Annyi kiegészítést szeretnék bele, hogy egy azonosító is mentésre kerüljön (amit a lenti kódba $a-val jelöltem), csak nem tudom, hogyan tudnám átadni azt a JS-nek.
Tudna valaki segíteni?
■ A felhasználó által bejelölt Google Maps koordinátákat szeretném sql db-be menteni. Erre találtam is egy jó progit a neten, ami tökéletesen működik. Annyi kiegészítést szeretnék bele, hogy egy azonosító is mentésre kerüljön (amit a lenti kódba $a-val jelöltem), csak nem tudom, hogyan tudnám átadni azt a JS-nek.
Tudna valaki segíteni?
- <title>Google Maps</title>
- <script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAPDUET0Qt7p2VcSk6JNU1sBSM5jMcmVqUpI7aqV44cW1cEECiThQYkcZUPRJn9vy_TWxWvuLoOfSFBw" type="text/javascript"></script>
- </head>
- <body onunload="GUnload()">
- <?php
- $a = 100;
- ?>
- <div id="map" style="width: 550px; height: 450px"></div>
- <a href="store.htm">Back to the tutorial page</a>
- <noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b>
- However, it seems JavaScript is either disabled or not supported by your browser.
- To view Google Maps, enable JavaScript by changing your browser options, and then
- try again.
- </noscript>
- <script type="text/javascript">
- //<![CDATA[
- if (GBrowserIsCompatible()) {
- var lastmarker;
- var iwform = 'Enter details:<br>'
- + '<form action="#" onsubmit="process(this); return false" action="#">'
- + ' <textarea name="data" rows="5" cols="40"><\/textarea><br>'
- + ' <input type="submit" value="Submit" />'
- + '<\/form>';
- // == creates a draggable marker with an input form ==
- function createInputMarker(point) {
- var marker = new GMarker(point,{draggable:true, icon:G_START_ICON});
- GEvent.addListener(marker, "click", function() {
- lastmarker = marker;
- marker.openInfoWindowHtml(iwform);
- });
- map.addOverlay(marker);
- marker.openInfoWindowHtml(iwform);
- lastmarker=marker;
- return marker;
- }
- // == creates a "normal" marker
- function createMarker(point,text) {
- var marker = new GMarker(point);
- GEvent.addListener(marker,"click", function() {
- marker.openInfoWindow(document.createTextNode(text));
- });
- map.addOverlay(marker);
- return marker;
- }
- // == Display the map, with some controls and set the initial location
- var map = new GMap2(document.getElementById("map"),{draggableCursor:"default"});
- map.addControl(new GLargeMapControl());
- map.addControl(new GMapTypeControl());
- map.setCenter(new GLatLng(47.475, 19.062),6); /* Induló koordináta + nagyítás*/
- // == Listen for map click and add an input marker
- GEvent.addListener(map,"click",function(overlay,point){
- if (!overlay) {
- createInputMarker(point);
- }
- });
- function process(form) {
- // == obtain the data
- var details = form.data.value;
- var lat = lastmarker.getPoint().lat();
- var lng = lastmarker.getPoint().lng();
- var url = "myserver.php?lat=" +lat+ "&lng=" +lng+ "&details="+details;
- // ===== send the data to the server
- GDownloadUrl(url, function(doc) { });
- // == remove the input marker and replace it with a completed marker
- map.closeInfoWindow();
- var marker = createMarker(lastmarker.getPoint(),details);
- GEvent.trigger(marker,"click");
- }
- }
- // display a warning if the browser was not compatible
- else {
- alert("Sorry, the Google Maps API is not compatible with this browser");
- }
- // This Javascript is based on code provided by the
- // Community Church Javascript Team
- // http://www.bisphamchurch.org.uk/
- // http://econym.org.uk/gmap/
- //]]>
- </script>
- </body>
- </html>
<script
Köszi! Így már jó.
Így már jó.