// JScript File
//relies on jquery
$(document).ready(function() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"), new GSize(320,464));
map.enableScrollWheelZoom();
map.enableContinuousZoom();
map.disableDoubleClickZoom();
map.setCenter(new GLatLng(16.03604,108.21114),13);
map.addControl(new GSmallMapControl());
window.setTimeout(setupOfficeMarkers, 0);
$('#postcode').focus(function () {
$(this).select();
});
var qs = new Querystring();
var place = qs.get("Locate");
if(place!=null){
$('#postcode').attr('value',place);
findPostCode();
}
}
});
$(document.body).unload(function() {
if (GBrowserIsCompatible()) {
GUnload();
}
});
var iconData = {
'makro': { width: 54, height: 20 },
'shadow-makro': { width: 65, height: 20 },
'person': { width: 15, height: 30 },
'shadow-person': { width: 31, height: 30 }
};
var officeLayer = [
{
'title': 'An Ph%FA',
'name': 'An Phú',
'icon': ['makro', 'shadow-makro'],
'posn': [10.492528,106.435866],
'address': 'An Phú - An Khánh
Quận 2
Thành phố Hồ Chí Minh',
'telephone': '(+848) 37406677',
'fax': '(+848) 35190362',
'id': '1098245'
},
{
'title': 'B%ECnh Ph%FA',
'name': 'Bình Phú',
'icon': ['makro', 'shadow-makro'],
'posn': [10.410734,106.37281],
'address': 'Khu Dân Cư Bình Phú
Phường 11
Quận 6
Thành phố Hồ Chí Minh',
'telephone': '(+848) 8769705',
'fax': '(+848) 8769024',
'id': '1098247'
},
{
'title': 'Hi%u1EC7p Ph%FA',
'name': 'Hiệp Phú',
'icon': ['makro', 'shadow-makro'],
'posn': [10.471228,106.384219],
'address': 'Tân Thới Hiệp
Phường Tân Thới Hiệp
Quận 12
Thành phố Hồ Chí Minh',
'telephone': '(+848) 7172979',
'fax': '(+848) 7172992',
'id': '1098248'
},
{
'title': 'Th%u0103ng Long',
'name': 'Thăng Long',
'icon': ['makro', 'shadow-makro'],
'posn': [21.032403,105.820068],
'address': 'Đường Phạm Văn Đồng
Huyện Cổ Nhuế
Quận Từ Liêm
Hà Nội',
'telephone': '(+844) 7551617',
'fax': '(+844) 7551650',
'id': '1098249'
},
{
'title': 'Ho%E0ng Mai',
'name': 'Hoàng Mai',
'icon': ['makro', 'shadow-makro'],
'posn': [20.97011566,105.8662158],
'address': '126 Đường Tam Trinh
Phường Yên Sở
Quận Hoàng Mai
Hà Nội',
'telephone': '(+844) 6453232',
'fax': '(+844) 6543234',
'id': '1098250'
},
{
'title': 'H%u01B0ng L%u1EE3i',
'name': 'Hưng Lợi',
'icon': ['makro', 'shadow-makro'],
'posn': [10.0318,105.784],
'address': 'Quốc Lộ 91B
Phường Hưng Lợi
Quận Ninh Kiều
Thành phố Cần Thơ',
'telephone': '(+8471) 739973',
'fax': '(+8471) 739983',
'id': '1098243'
},
{
'title': 'H%u1ED3ng B%E0ng',
'name': 'Hồng Bàng',
'icon': ['makro', 'shadow-makro'],
'posn': [20.87467,106.65219],
'address': 'Số 2A Đường Hồng Bàng
Phường Sở Dầu
Quận Hồng Bàng
Thành phố Hải Phòng',
'telephone': '(+8431) 528128',
'fax': '(+8431) 528124',
'id': '1098244'
},
{
'title': '%u0110%E0 N%u1EB5ng',
'name': 'Đà Nẵng',
'icon': ['makro', 'shadow-makro'],
'posn': [16.03604,108.21114],
'address': 'Đường Cách Mạng Tháng Tám
Phường Hòa Cường Nam
Quận Hải Châu
Thành phố Đà Nẵng',
'telephone': '(+84511) 644933',
'fax': '(+84511) 644966',
'id': '1098241'
},
{
'title': 'Bi%EAn H%F2a',
'name': 'Biên Hòa',
'icon': ['makro', 'shadow-makro'],
'posn': [10.94731,106.817001],
'address': 'Đường Nguyễn Ái Quốc
Phường Quang Vinh
Thành phố Biên Hòa
Tỉnh Đồng Nai',
'telephone': '+84 (061) 38 820 411',
'fax': '+84 (061) 38 820 430',
'id': '1100242'
},
{
'title': 'Long Xuy%EAn',
'name': 'Long Xuyên',
'icon': ['makro', 'shadow-makro'],
'posn': [10.38178,105.437599],
'address': '414 Đường Trần Hưng Đạo
P. Mỹ Phước
TP. Long Xuyên
Tỉnh An Giang',
'telephone': '+84 (076) 38 211 888',
'fax': '+84 (076) 38 211 878',
'id': '1106154'
},
{
'title': 'Qui Nh%u01A1n',
'name': 'Qui Nhơn',
'icon': ['makro', 'shadow-makro'],
'posn': [13.766667,109.233333],
'address': 'Quốc lộ 1D
P.Ghềng Ráng
TP. Qui Nhơn
Tỉnh Bình Định',
'telephone': '+84 (056) 3 546 054',
'fax': '+84 (056) 3 546 055',
'id': '1106155'
}
];
var map;
var userMarker;
var icons = {};
var allmarkers = [];
var EARTH_RADIUS = 6367000;
function getIcon(images) {
var icon = null;
if (images) {
if (icons[images[0]]) {
icon = icons[images[0]];
} else {
icon = new GIcon();
if (images[0] == 'makro') prefix = '../../show/1098412/';
else if (images[0] == 'person') prefix = '../../show/1098414/';
icon.image = prefix + images[0] + '.png';
var size = iconData[images[0]];
icon.iconSize = new GSize(size.width, size.height);
icon.iconAnchor = new GPoint(0, 20);
if (images[0] == 'makro') prefix = '../../show/1098415/';
else if (images[0] == 'person') prefix = '../../show/1098416/';
icon.shadow = prefix + images[1] + '.png';
size = iconData[images[1]];
icon.shadowSize = new GSize(size.width, size.height);
icons[images[0]] = icon;
}
}
return icon;
}
function setupOfficeMarkers() {
var points = [];
allmarkers.length = 0;
for (var j in officeLayer) {
var place = officeLayer[j];
var icon = getIcon(place['icon']);
var title = unescape(place['title']);
var name = place['name'];
var posn = new GLatLng(place['posn'][0], place['posn'][1]);
points[j] = posn;
var address = place['address'];
var telephone = place['telephone'];
var fax = place['fax'];
var link = place['id'];
var marker = createMarker(posn,title,icon,address,telephone,fax,link,name);
map.addOverlay(marker);
allmarkers.push(marker);
}
fitMap(points);
}
function createMarker(posn, title, icon, address, telephone, fax,link, name) {
var marker = new GMarker(posn, {title: title, icon: icon, draggable:false });
GEvent.addListener(marker,'click', function() {
var myHtml = '' + name + '
' + address + '
Điện thoại: ' + telephone + '
Fax: ' + fax + '
';
map.openInfoWindowHtml(posn, myHtml);
});
return marker;
}
function findPostCode(){
var postcode = $('#postcode').attr('value')+',VN';
var geocoder = new GClientGeocoder();
geocoder.getLatLng(
postcode,
function(point) {
if (!point) {
alert(unescape('Kh%F4ng t%ECm th%u1EA5y \"') + $('#postcode').attr('value')+'"');
} else {
if(!userMarker){
//map.panTo(point);
var picon = getIcon(['person', 'shadow-person'])
userMarker = new GMarker(point, {title: 'You are here', icon: picon, draggable:false });
map.addOverlay(userMarker);
}else{
userMarker.setLatLng(point);
//map.panTo(point);
}
searchStores(point);
}
}
);
}
function searchStores(point){
var layer = officeLayer;
var resultpoints = [];
var i = 0;
resultpoints[i] = point;
i++;
for (var j in layer) {
var place = layer[j];
var title = place['name'];
var posn = new GLatLng(place['posn'][0], place['posn'][1]);
place['distance'] = distance_between_points ( posn, point );
}
layer.sort(sortDistance);
$('#search_results').hide();
$('#search_results').empty();
resultpoints[i] = new GLatLng(layer[0]['posn'][0], layer[0]['posn'][1]);
i++;
$('#search_results').append('');
for (var j in layer) {
var place = layer[j];
if(j>0&&(place['distance']/1000)<30){
resultpoints[i] = new GLatLng(place['posn'][0], place['posn'][1]);
i++;
$('#search_results').append('');
}
}
$('#search_results').fadeIn(1000);
fitMap(resultpoints);
}
//http://blog.jeromeparadis.com/archive/2007/02/08/1468.aspx
function fitMap(points) {
var bounds = new GLatLngBounds();
for (var i=0; i< points.length; i++) {
bounds.extend(points[i]);
}
map.setZoom(map.getBoundsZoomLevel(bounds));
map.setCenter(bounds.getCenter());
}
Math.deg2rad = function ( x ) {
return x * (Math.PI / 180.0);
}
// Calculates the distance (in metres) between 2 points.
function distance_between_points ( p1, p2 ) {
var a = Math.deg2rad( 90 - p1.y);
var b = Math.deg2rad( 90 - p2.y);
var theta = Math.deg2rad( p2.x - p1.x);
var c = Math.acos( Math.cos(a) * Math.cos(b) + Math.sin(a) * Math.sin(b) * Math.cos(theta));
return c * EARTH_RADIUS;
}
function sortDistance(a,b){
return a['distance'] - b['distance'];
}
function showInfo(storeName){
for(i in allmarkers){
if(allmarkers[i].getTitle()==storeName){
GEvent.trigger(allmarkers[i],'click');
break;
}
}
}
/* Client-side access to querystring name=value pairs
Version 1.3
28 May 2008
License (Simplified BSD):
http://adamv.com/dev/javascript/qslicense.txt
*/
function Querystring(qs) { // optionally pass a querystring to parse
this.params = {};
if (qs == null) qs = location.search.substring(1, location.search.length);
if (qs.length == 0) return;
// Turn back to
// See: http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1
qs = qs.replace(/\+/g, ' ');
var args = qs.split('&'); // parse out name/value pairs separated via &
// split out each name=value pair
for (var i = 0; i < args.length; i++) {
var pair = args[i].split('=');
var name = decodeURIComponent(pair[0]);
var value = (pair.length==2)
? decodeURIComponent(pair[1])
: name;
this.params[name] = value;
}
}
Querystring.prototype.get = function(key, default_) {
var value = this.params[key];
return (value != null) ? value : default_;
}
Querystring.prototype.contains = function(key) {
var value = this.params[key];
return (value != null);
}