マーカーに名前onmouseoverを表示する方法：Google Map API

Question

Googleマップのライブラリに複数のマーカーを追加しました。正常に動作していますが、私の問題はmarker.Andという名前のonmouseoverを表示したいのです私はこのようにしてみました。

コード：

$config['zoom'] = 'auto'; 
    $this->googlemaps->initialize($config); 
    $i = 0; 
    while($i < $rs){ 
    $marker = array(); 
    $marker['position'] = $data['tunnelsname'][$i]->name; 
    $marker['onmouseover'] = 'hii'; 
    $x = $data['tunnelsname'][$i]->name; 
    $name = strtolower(str_replace(' ','-',$data['tunnelsname'][$i]->name)); 
    $id = $data['tunnelsname'][$i]->id; 
    $marker['infowindow_content'] = '<a href = "'.BASEURL.'tunnel/'.$name.'/'.$id.'">'.$x.'</a>'; 
    $marker['clickable'] = TRUE; 
    $this->googlemaps->add_marker($marker); 
    $i++; 
    } 
    $data['map'] = $this->googlemaps->create_map(); 

私が望ましいresult.Pleaseは私がこれを取得するのに役立ち得ることができ、各marker.But上のonmouseover HIIを表示しようとしています。

ご協力いただければ幸いです。前もって感謝します。

Answer 1

「マウスオーバー」などのユーザーのやりとりは、クライアント側の実装を使用して実装する方がずっと簡単だと思います。チェックWhen to use client-side geocodingおよびWhen to use server-side geocoding

サンプルコード：詳細は

marker.addListener('mouseover', function() { 
    infoWindow.setContent('<p>hii</p>'); 
    infowindow.open(map, this); 
}); 

// assuming you also want to hide the infowindow when user mouses-out 
marker.addListener('mouseout', function() { 
    infowindow.close(); 
}); 

チェックMaps JavaScript API Events。

Answer 2

マウスオーバーで短いテキストを表示する簡単に実装された方法は、マーカ "タイトル"プロパティを使用することです。あなたは、基本的なマーカ定義に直接それを使用することができます。

var marker = new google.maps.Marker({ 
    position: {lat: x.x, lng: x.x}, 
     title: 'hii', 
    map: map 
}); 

またはプロパティを使用して、後でそれを行う：

marker.setTitle('hii')