Googlemap markers тай цуг дуудах нь

Posted: 3 сар 2, 2010 in 1, Проргамчлал
Гүүгле мап дээр маркерс байгуулах

http://minimizr.com/blog/2006/10/minimal-how-to-use-google-maps-api-with-php/

эдгээр хаягнуудаас аваарай

Sql file
CREATE TABLE IF NOT EXISTS `markers` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`location` varchar(500) COLLATE utf8_unicode_ci NOT NULL,
`description` varchar(500) COLLATE utf8_unicode_ci NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=3 ;
////////////////
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=&#8221;http://www.w3.org/1999/xhtml”&gt;
//googlemap -тай холбогдож байна
//сайн харвал key гэж байгаа түүнийг code.google.com/apis/maps/signup.html -нд бүртгүүлсэнээр авах юм
<script type=&#8221;text/javascript&#8221; src=&#8221;http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAXH-C6vJuK7bCJ-zKbfm_4RTqKPBdq-H5TL71Ud1dFDSItAneZhT3DpzBvbteDGJsrBRFRc4eKTyo2A&sensor=true”&gt;

<script type=&#8221;text/javascript&#8221; src=&#8221;http://www.google.com/jsapi?key=ABQIAAAAXH-C6vJuK7bCJ-zKbfm_4RTqKPBdq-H5TL71Ud1dFDSItAneZhT3DpzBvbteDGJsrBRFRc4eKTyo2A”></script&gt;
<script type=&#8221;text/javascript&#8221;>
google.load(“maps&#8221;, “2&#8221;,{“other_params&#8221;:&#8221;sensor=true&#8221;});

function initialize() {

map гэсэн div дотор газрын зураг харагдана.
var map = new google.maps.Map2(document.getElementById(“map&#8221;));
//энд байршлыг зааж өгнө 17 – гэсэн тоо нь томоор болон жижгээр харуулах тоон өгөгдөл
map.setCenter(new google.maps.LatLng(47.9187, 106.9177), 17);
//zoom geh met heregluur defaultara
map.setUIToDefault();
// энд markers буюу тэмдэглэгээг харуулах фүнкц
function createMarker(point, text, title) {
var marker = new GMarker(point,{title:title});
GEvent.addListener(marker, “click&#8221;, function() {
marker.openInfoWindowHtml(text);
});
return marker;
}
// энд markerуудыг оруулж ирж байгаа php скрипт
<?php
include(‘data.php’);
$Map = New Map();
$Map->Get_data_markers();
?>
}
</script>
<head>
<meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8″ />
<title>Untitled Document</title>
</head>
//дээр байгаа javascript фүнкцийг дуудаж байна
<body onload=&#8221;initialize()&#8221; onunload=&#8221;GUnload()&#8221;>
//газрын зураг харуулах тэг
<div id=&#8221;map&#8221; style=&#8221;width: 550px; height: 450px; border:dashed&#8221;></div>

</body>
</html>

php script
<?php

define(‘DB_SERVER’, ‘localhost’);
define(‘DB_USER’, ‘root’);
define(‘DB_PASSWORD’, &#8221;);
define(‘DB_NAME’, ‘googlemaps’);

class Map {
private $conn;

function __construct() {
$this->conn = new mysqli(DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME) or
die(‘There was a problem connecting to the database.’);
}

function Get_data_markers() {

$query = “select id, location, description from markers&#8221;;

if($stmt = $this->conn->prepare($query)) {
$stmt->execute();
$stmt->bind_result($id ,$loc, $desc);
while($stmt->fetch()){

//энд маркеруудын байршил болон тайлбарыг оноож өгч байна
//47.9197, 106.9180 – гэсэн байршил дээр маркерс үүснэ
// var marker = createMarker(new GLatLng(47.9197, 106.9180), ‘Энэ бол тайлбар техт ба <img > тэг болон html өгөгдөл оруулж болно’, ‘гарчиг текст’);
// map.addOverlay(marker);
echo “var marker = createMarker(new GLatLng($loc), ‘$desc’, ‘Title$id’);
map.addOverlay(marker) ; “;
}

}
$stmt->close();
}

}
?>

Advertisements

Хариулт үлдээх

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Өөрчлөх )

Twitter picture

You are commenting using your Twitter account. Log Out / Өөрчлөх )

Facebook photo

You are commenting using your Facebook account. Log Out / Өөрчлөх )

Google+ photo

You are commenting using your Google+ account. Log Out / Өөрчлөх )

Connecting to %s