var map = null;
//color value install
var mapcolor=new Array('#ff0000','#6600FF','#009900','#0000FF');
function showAddress() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(31.214123,121.433086), 12);
var a01 = new GPolygon([
new GLatLng(31.219701,121.376524),//1-1
new GLatLng(31.219298,121.379614),//1-2
new GLatLng(31.219371,121.383133),//1-3
new GLatLng(31.21816,121.388025),//1-4
new GLatLng(31.218454,121.396179),//1-5
new GLatLng(31.218013,121.398411),//1-6
new GLatLng(31.21816,121.400642),//1-7
new GLatLng(31.218233,121.403947),//1-8
new GLatLng(31.217059,121.407766),//1-9
new GLatLng(31.217169,121.410942),//1-10
new GLatLng(31.212765,121.412616),//1-11
new GLatLng(31.211333,121.412959),//1-12
new GLatLng(31.20847,121.412015),//1-13
new GLatLng(31.206048,121.412036),//1-14
new GLatLng(31.202212,121.41253),//1-15
new GLatLng(31.199404,121.413689),//1-16
new GLatLng(31.189162,121.421306),//1-17
new GLatLng(31.185398,121.409161),
new GLatLng(31.18437,121.40341),
new GLatLng(31.180093,121.393325),
new GLatLng(31.177541,121.388648),
new GLatLng(31.174861,121.377618),
new GLatLng(31.172529,121.371675),
new GLatLng(31.176991,121.370387),
new GLatLng(31.181745,121.369615),
new GLatLng(31.185215,121.369078),
new GLatLng(31.190171,121.366997),
new GLatLng(31.190226,121.370022),
new GLatLng(31.193787,121.369486),
new GLatLng(31.19643,121.367061),
new GLatLng(31.198027,121.365774),
new GLatLng(31.199973,121.365366),
new GLatLng(31.201368,121.365902),
new GLatLng(31.204084,121.367791),
new GLatLng(31.209443,121.372726),
new GLatLng(31.211994,121.374314),
new GLatLng(31.216178,121.376288),
new GLatLng(31.219701,121.376524)
], mapcolor[0],2, 1, mapcolor[0], 0.2);
//black
var a02 = new GPolygon([
new GLatLng(31.195256,121.422186),//2-1
new GLatLng(31.197385,121.424074),//2-2
new GLatLng(31.202194,121.435189),//2-3
new GLatLng(31.20792,121.432915),//2-4
new GLatLng(31.209682,121.433387),//2-5
new GLatLng(31.21104,121.434417),//2-6
new GLatLng(31.222014,121.430039),//2-7
new GLatLng(31.224142,121.427765),//2-8
new GLatLng(31.22506,121.426048),//2-9
new GLatLng(31.235481,121.420598),//2-10
new GLatLng(31.238454,121.416736),//2-11
new GLatLng(31.239811,121.418409),//2-12
new GLatLng(31.244544,121.415277),
new GLatLng(31.245352,121.412745),
new GLatLng(31.245462,121.408753),
new GLatLng(31.244801,121.403689),
new GLatLng(31.244655,121.399055),
new GLatLng(31.246819,121.388626),
new GLatLng(31.23838,121.383777),
new GLatLng(31.23838,121.38382),
new GLatLng(31.234087,121.381974),
new GLatLng(31.232289,121.380086),
new GLatLng(31.2255,121.376653),
new GLatLng(31.219701,121.376524),//1-1
new GLatLng(31.219298,121.379614),//1-2
new GLatLng(31.219371,121.383133),//1-3
new GLatLng(31.21816,121.388025),//1-4
new GLatLng(31.218454,121.396179),//1-5
new GLatLng(31.218013,121.398411),//1-6
new GLatLng(31.21816,121.400642),//1-7
new GLatLng(31.218233,121.403947),//1-8
new GLatLng(31.217059,121.407766),//1-9
new GLatLng(31.217169,121.410942),//1-10
new GLatLng(31.212765,121.412616),//1-11
new GLatLng(31.211333,121.412959),//1-12
new GLatLng(31.20847,121.412015),//1-13
new GLatLng(31.206048,121.412036),//1-14
new GLatLng(31.202212,121.41253),//1-15
new GLatLng(31.199404,121.413689),//1-16
new GLatLng(31.189162,121.421306),//1-17
new GLatLng(31.195256,121.422186)//2-1
],mapcolor[1],2, 1, mapcolor[1], 0.2);
//bluee
var a03 = new GPolygon([
new GLatLng(31.241242,121.452398),
new GLatLng(31.184462,121.449695),
new GLatLng(31.178331,121.442184),
new GLatLng(31.17811,121.439095),
new GLatLng(31.18237,121.426907),
new GLatLng(31.186702,121.423044),
new GLatLng(31.195256,121.422186),//2-1
new GLatLng(31.197385,121.424074),//2-2
new GLatLng(31.202194,121.435189),//2-3
new GLatLng(31.20792,121.432915),//2-4
new GLatLng(31.209682,121.433387),//2-5
new GLatLng(31.21104,121.434417),//2-6
new GLatLng(31.222014,121.430039),//2-7
new GLatLng(31.224142,121.427765),//2-8
new GLatLng(31.22506,121.426048),//2-9
new GLatLng(31.235481,121.420598),//2-10
new GLatLng(31.238454,121.416736),//2-11
new GLatLng(31.239811,121.418409),//2-12
//new GLatLng(31.24304,121.423516),//2-13
new GLatLng(31.241242,121.452398)
], mapcolor[2],2, 1,mapcolor[2], 0.2);
var a04 = new GPolygon([
new GLatLng(31.241242,121.452398),
new GLatLng(31.237756,121.457205),
new GLatLng(31.240875,121.464157),
new GLatLng(31.238857,121.469822),
new GLatLng(31.241022,121.475658),
new GLatLng(31.239701,121.480594),
new GLatLng(31.242967,121.484842),
new GLatLng(31.243737,121.486731),
new GLatLng(31.243114,121.48922),
new GLatLng(31.235225,121.490679),
new GLatLng(31.222234,121.503253),
new GLatLng(31.215224,121.506729),
new GLatLng(31.211847,121.504884),
new GLatLng(31.207333,121.498532),
new GLatLng(31.201313,121.489778),
new GLatLng(31.194632,121.470037),
new GLatLng(31.186959,121.456861),
new GLatLng(31.184462,121.449695),
new GLatLng(31.241242,121.452398),
], mapcolor[3],2, 1,mapcolor[3], 0.2);
map.addOverlay(a01);
map.addOverlay(a02);
map.addOverlay(a03);
map.addOverlay(a04);
}
// Create our "tiny" marker icon
var icon = new GIcon();
function createMarker(point, number,icon) {
switch(number){
case 1: icon.image = "png/1.png";
break;
case 2: icon.image = "png/2.png";
break;
case 3: icon.image = "png/3.png";
break;
case 4: icon.image = "png/4.png";
break;
}
//icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(40, 40);
//icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
var marker = new GMarker(point,icon);
GEvent.addListener(marker, "click", function() {
switch(number){
case 1: marker.openInfoWindowHtml("虹橋 古北地区
送料：10元");
break;
case 2: marker.openInfoWindowHtml("普陀区 中山公園地区
送料：20元");
break;
case 3: marker.openInfoWindowHtml("静安寺 華山路 徐家匯地区
送料：30元");
break;
case 4: marker.openInfoWindowHtml("南京西路 南京東路 淮海路地区
送料：50元");
break;
}
}
);
return marker;
}
var point = new GLatLng(31.19875,121.389799);
map.addOverlay(createMarker(point,1,icon));
var point1 = new GLatLng(31.230755,121.400764);
map.addOverlay(createMarker(point1,2,icon));
var point2 = new GLatLng(31.222535,121.438343);
map.addOverlay(createMarker(point2,3,icon));
var point3 = new GLatLng(31.222535,121.474943);
map.addOverlay(createMarker(point3,4,icon));
}
window.onload=function(){
showAddress();
}