ChromeでMarkerが表示できません

[Takashi Yamamoto]

htmlページ内に下記のコードを実装しています。

IEやFirefox、safariではこのままで問題なく動作するのですが、Google Chromeで実行した場合にマーカーが表示されません。

ChromeのDeveloper Toolsによると、maps.gstatic.comのmain.jsで

1. Uncaught TypeError: Type error
2. が発生していますが、その原因が分からずにいます。
3. 解決方法をご存知の方が居ましたら、ご教唆をお願い致します。

なお、問題と関連しているのかは不明ですが、Markerのプロパティに

google.maps.Animation.BOUNCE

を指定すると、エラーも消え、他ブラウザと同じように表示されます。これはどういったことなんでしょうか。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">

var map;

var infoWindow;

//吹き出しを表示

infoWindow = new google.maps.InfoWindow();

function showInfoWindow(_marker,_content){

google.maps.event.addListener(_marker, 'click', function(event) {

infoWindow.setContent("<div class='infowindow'>"+_content+",</div>");

infoWindow.setPosition(_marker.position);

infoWindow.open(map);

});

};

function mapinit(_markerData, _centerPoint, _defaultIndex, _zoom, _targetObj){

//マップオブジェクト

var mapOptions = {

center : _centerPoint,

zoom : _zoom,

mapTypeId: google.maps.MapTypeId.ROADMAP,

mapTypeControl : true,

mapTypeControlOptions : {

style : google.maps.MapTypeControlStyle.DROPDOWN_MENU

},

navigationControl : true,

navigationControlOptions : {

 style : google.maps.NavigationControlStyle.DEFAULT

},

caleControl : true,

scaleControlOptions : {

style : google.maps.ScaleControlStyle.DEFAULT

},

scrollwheel: false

};

map = new google.maps.Map(_targetObj, mapOptions);

var marker = new google.maps.Marker({

position:  _markerData.position,

map: map,

clickable: true

});

showInfoWindow(marker, _markerData.content);

};

window.unonload = function(){ map.close() };

$(function(){

var markerdata = {position: new google.maps.LatLng(35.6663394, 139.3158055999999), content: $("#map").html()};

var centerPoint = new google.maps.LatLng(35.6663394, 139.31580559999998);

mapinit(markerdata, centerPoint, 0, 14, $("#map")[0]);

});

</script>

[Masashi.K]

Takashi Yamamotoさん

コードを見る限り問題は無さそうです。

Chrome v28 (Mac OS X)　だと問題なく表示されるのですが、どうでしょうか。

http://jsfiddle.net/wf9a5m75/GvuPf/1/

Windowsでしたらバージョンを教えて下さい。

2013年7月30日火曜日 0時54分45秒 UTC-7 Takashi Yamamoto:

[Masashi.K]

あとjQueryのバージョンはいくつでしょうか。

共有していただいたコードだけだと、情報が不足しているので想像ですが

ぺーじにCSSが悪いか、地図がちゃんと初期化されていないうちに

マーカーを操作しているのではないかと思います。

検証できるページを用意していただければ幸いです。

2013年7月30日火曜日 3時44分08秒 UTC-7 Masashi.K:

[KEntaro isHImaru]

kehiです。

Windows7のChrome（バージョン 28.0.1500.72 m）ですが

マーカー表示されています。

IEとあったのでOSはWindowsかと思われますが、

Masashi.Kさんも指摘されていますが、バージョンなどの情報と

実際に動かないURLなどあれば、見ている皆さんの環境で

検証できるかと思われます。

2013年7月30日 19:55 Masashi.K <wf9a...@gmail.com>:

--
このメールは Google グループのグループ「Google-Maps-API-Japan」の登録者に送られています。
このグループから退会し、メールの受信を停止するには、google-maps-api-...@googlegroups.com にメールを送信します。
このグループに投稿するには、google-map...@googlegroups.com にメールを送信してください。
http://groups.google.com/group/google-maps-api-japan からこのグループにアクセスしてください。
その他のオプションについては、https://groups.google.com/groups/opt_out にアクセスしてください。
 
 

--

kehi
-- Don't think you are, know you are

[Takashi Yamamoto]

Masashi.K  さん

コメントありがとうございます。

Windows 7 Chrome バージョン 28.0.1500.95 mで実行しています。

http://jsfiddle.net/wf9a5m75/GvuPf/1/

こちらでも同様のエラーが発生し、マーカーが表示されません。

下記が実行エラーのスクリーンショットです。

https://plus.google.com/photos/117079864157532897159/albums/5571577313365703985/5908412283778298226?banner=pwa&pid=5908412283778298226&oid=117079864157532897159

[Takashi Yamamoto]

KEntaro isHImaru  さん

コメントありがとうございます。

実際にエラーが動かないページですが、下記URLになります。

http://jsfiddle.net/sdtkc/jZGwX/3/

こちらを実行すると、

Uncaught TypeError: Type error

が発生してマーカーが表示されません。

WindowsのChromeでのみでの現象なのですが、やはり他ブラウザでは問題なく動作します。

よろしくお願い致します。

[SD TKC]

http://jsfiddle.net/sdtkc/jZGwX/8/

試しに、ロード時にアニメーションを有効にし、マーカークリック時にアニメーションを停止するスクリプトを書いてみました。

この場合だと、マーカーをクリックするとマーカーが消えてしまいます。

どうしてこういった挙動をするのでしょうか。

他の環境でもテストしてみようと思い、Windows8 64bit にインストールしたデスクトップアプリのChrome(28.0.1500.95 m)でも同様の動作をしてしまいます。

[Masashi.K]

Takashiさん

Windows7 Chrome  28.0.1500.95 m で問題なく動いていますね。

Chromeの「シークレットウィンドウ」でページを開いても

問題が解決されないでしょうか。

また他のWindowsマシンでChromeを使ってページを開いた時にも再現するのでしょうか。

恐らくインストールしているChrome Extensionか、

ネットワークに依存する何か（セキュリティソフトやゲートウェイなど）

ではないのかと思います。

2013/8/5 SD TKC <smart0d...@gmail.com>

--

[SD TKC]

Masashi.K  さん

コメントありがとうございます！

シークレットウィンドウで開くと問題が起きませんでした！

※お恥ずかしい話ですが、シークレットウィンドウは試してませんでした。

ご指摘頂いた通り、拡張機能か何かが障害になっている可能性が高いですね。

調べてみます。

他のマシンでChromeを使ってテストも行いましたが、同じGoogleアカウントを使用して同じ拡張機能をインストールしている環境であったため、同じ症状が再現されたのではないかと思います。

[SD TKC]

インストールしている拡張機能を1つずつ無効にしてテストしてみましたが、

こちらのアドオンを有効にすると問題が発生することが判明しました。

https://chrome.google.com/webstore/detail/smoothscroll/cccpiddacjljmfbbgeimpelpndgpoknn

コメント頂いたお二方、誠にありがとうございました。