ユーザー定義のラベル座標を実装するための Google Map API アップデート

デモのアドレス: http://www.yaohaixiao.com/Effects/google-map.html

コードをコピーコードは次のとおりです:

if(GoogleMap の種類 === '未定義'){
var GoogleMap = {};
}
(function(){
if (!document.getElementById(") fpsap")) {
return false;
}
else {
// Google マップコントロールを作成できるかどうか
var isSupport = new GBrowserIsCompatibility();
if (isSupport ) {
var mapContainer = document.getElementById("fgmap");
// GoogleMAP マップインスタンスを作成します
var map = new GMap2(mapContainer);// マップのデフォルトの縮尺レベル
var perviewLevel = 14;
// 大きな地図のズームレベルコントロール
varlargeMapControl = new GLargeMapControl();
//地図のサムネイルコントロール
varoverviewMapControl = new GOverviewMapControl(); // スケールコントロール
varscaleControl = new GScaleControl();
//マップタイプ選択コントロール
var mapTypeControl = new GMapTypeControl();//住所座標コンバータ
var geocoder = new GClientGeocoder();
// 最後のクエリのアドレス
var lastAddress = '';
// 最後のクエリの座標
var lastPoint = null; control
var lastMarker = null;
//ユーザーがマークした最後の座標点

GoogleMap.mapMsg = []; / 地図を作成します
GoogleMap.Map = function(lat, lng){
var point = new GLatLng(lat, lng)
map.addMapType(G_PHYSICAL_MAP);
map.setCenter( point) , perviewLevel);

map.enableDoubleClickZoom();
map.enableContinuousZoom();

map.addControl(largeMapControl); .addControl(overviewMapControl);
map.addControl(mapTypeControl)
};

// マーカーを作成します
GoogleMap.createMarker; latlng, マーカーオプション){
var マーカー = マーカーオプション ? 新しい GMarker(latlng) :
マーカーを返します; >//カスタムマークオプション
/* ===================================== == =============================================== == =============================================== == ==============================================
パラメータ説明:
定数: G_DEFAULT_ICON タグで使用されるデフォルトのアイコン。
image String アイコンの前景画像の URL。
shadow String アイコンのシャドウ画像 URL。
iconSize GSize アイコンの前景画像のピクセルサイズ。
shadowSize GSize 影画像のピクセルサイズ。
iconAnchor GPoint アイコン画像の左上隅を基準とした、地図上のこのアイコンのアンカーポイントのピクセル座標。
infoWindowAnchor GPoint アイコン画像の左上隅を基準とした、このアイコン上の情報ウィンドウのアンカーポイントのピクセル座標。
printImage 文字列マップの印刷に使用される前景アイコン画像の URL。 image によって提供されるメインアイコンイメージと同じサイズである必要があります。
mozPrintImage String Firefox/Mozilla でマップを印刷するときに使用される前景アイコン画像の URL。 image によって提供されるメインアイコンイメージと同じサイズである必要があります。
printShadow String マップの印刷時に使用される影画像の URL。ほとんどのブラウザでは PNG 画像を印刷できないため、画像形式は GIF にする必要があります。
transparent String Internet Explorer でクリックイベントをキャプチャするときに使用される透明な前景アイコン画像の URL。この画像は、不透明度 1% の 24 ビット PNG 形式のメインアイコン画像である必要がありますが、サイズと形状はメインアイコンと同じです。
imageMap 数値配列イメージマップの x/y 座標を表す整数配列。ブラウザー (Internet Explorer 以外) でアイコンイメージのクリック可能な部分を指定するために使用されます。
maxHeight Integer ドラッグ時にマーカーが視覚的に垂直に「上昇」する距離 (ピクセル単位) を指定します。 (2.79以降)
dragCrossImage String アイコンをドラッグした際のクロスイメージのURLを指定します。 (2.79以降)
dragCrossSize GSize アイコンをドラッグした際の十字画像のピクセルサイズを指定します。 (2.79 以降)
dragCrossAnchor GPoint アイコンをドラッグするときの十字イメージのピクセル座標オフセット (iconAnchor を基準とした) を指定します。（自 2.79 开始）
========================================= ================================================= ================================================= =========================================== */
GoogleMap。 setCustomIcon = function(IconOptions){
var myIcon = new GIcon(G_DEFAULT_ICON), i;
for (i in IconOptions) {
switch (i) {
case 'iconSize':
case 'shadowSize':
case 'dragCrossSize':
myIcon[i] = new GSize(IconOptions[i][0], IconOptions[i][1]);
休憩;
case 'iconAnchor':
case 'infoWindowAnchor':
case 'infoShadowAnchor':
case 'dragCrossAnchor':
myIcon.iconAnchor = new GPoint(IconOptions[i][0], IconOptions[i][1]);
休憩;
デフォルト:
myIcon[i] = IconOptions[i];
休憩;
}

}
myIcon を返す;
};

// 用户自定义标注
GoogleMap.customMarkPoint = function(){
var marker = null;
var markPoint = cusLastPoint ? new GLatLng(cusLastPoint[0],cusLastPoint[1]) : new GLatLng(lastPoint[0],lastPoint[1]);
var markOptions = {
icon: GoogleMap.setCustomIcon({
image: 'http://www.yaohaixiao.com/Effects/img/icon13.png'
}),
ドラッグ可能: true
};

マーカー = GoogleMap.createMarker(markPoint, markOptions);
GEvent.addListener(marker, "dragstart", function(){
map.closeInfoWindow();
});
GEvent.addListener(marker, "dragend", function(){
var custPoint = marker.getPoint();
var markTip = '

markTip = '