まず、 Regionalkarten.comというウェブサイトをリメイクしてみました 。これは、ドイツのマップの発行元です。このページでは、Google API v2 を使用してカスタム マップを表示しています。
私の仕事は、ページを API v3 に更新することです。jQuery GoMap Plugin を見つけて使用しようとしましたが、カスタム マップをサポートしていないようです。
カスタム Map で Overly を定義しようとしました
var ehsTypeBOptions =
{
getTileUrl: function(coord, zoom)
{
var x = coord.x;
var y = coord.y;
return "http://regionalkarten.com/_map/ehs_village_maps/is_maps/z"+zoom+"/"+coord.y+"/"+coord.x+".png";
},
tileSize: new google.maps.Size(256, 256),
};
そしてそれをマップにロードします:
map.overlayMapTypes.insertAt(0, new google.maps.ImageMapType(ehsTypeBOptions));
GoMap がなくても問題なく動作します。だから私は試しました:
$.goMap.overlayMapTypes.insertAt(0, new google.maps.ImageMapType(ehsTypeBOptions));
そして、それはうまくいきませんでした:(
GoMaps ウェブページと Google はあまり役に立ちません。カスタム マップをオーバーレイに読み込む必要があることに注意してください。私たちのマップはギャップレスではないため、オーバーレイの背後にある実際の Google マップが必要です。GoMap に関するアイデアや経験が得られたことを願っています。
ありがとうございました。