簡単な質問
ネイティブiOS用の新しいGoogleマップを埋め込んだiOS用アプリに取り組んでいます。ここでもGoogleでもネイティブIOS/Objective-Cの適切な解決策が見つからないという1つの問題を除いて、すべてが正常に機能します(問題がある場合は、表示して、ご迷惑をおかけして申し訳ありません)
私が欲しいもの:ユーザーに情報ウィンドウを開くマーカーをクリックしてもらいたい。情報ウィンドウをクリックまたはタップすると、詳細情報を含む新しいUIViewが開きます。
どうやってやるの?
アドバイスをありがとう
1. GMSMapViewDelegate
プロトコルに準拠します。
@interface YourViewController () <GMSMapViewDelegate>
// your properties
@end
2 .mapView_
デリゲートを設定します。
mapView_.delegate = self;
3 .GMSMapViewDelegate
メソッドを実装する
- (void)mapView:(GMSMapView *)mapView didTapInfoWindowOfMarker:(GMSMarker *)marker {
// your code
}
ところで、marker.userData
は便利です。必要なデータをそれに設定し、- mapView:didTapInfoWindowOfMarker:
で使用できます
Swift 4の完全な答え
デリゲートとしてGMSMapViewDelegate
を追加
次のようにマップデリゲートを設定します。googlemap.delegate = self
この機能を追加
func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool { // do something return true }
マップを追加する場所
mapView_.delegate=self;
次にこれを使用します
-(void)mapView:(GMSMapView *)mapView
didTapInfoWindowOfMarker:(id<GMSMarker>)marker{
//info window tapped
}
IOS向けGoogle Maps SDKを使用しています。
Uiviewをサブクラス化して、infowindowのカスタムビュー「InfoWindow」を作成しました。
@property(nonatomic、retain)UIView * actionOverlayCalloutView;を追加します。ビューコントローラーのヘッダーファイル内。
- (UIView *)mapView:(GMSMapView *)mapView markerInfoWindow:(GMSMarker *)marker {
if(self.objSelectedParking != nil)
{
float anchorSize = 0.5f;
float infoWindowWidth = 250.0f;
float infoWindowHeight = 250.0f;
[self.actionOverlayCalloutView removeFromSuperview];
InfoWindow *infoWindow = [[InfoWindow alloc] initWithFrame:CGRectMake(0, 0, infoWindowWidth, infoWindowHeight)];
infoWindow.lblTitle.text = self.objSelectedParking.strParkingName;
infoWindow.lblDescription.text = self.objSelectedParking.strParkingDescription;
infoWindow.lblAddress.text = self.objSelectedParking.strParkingAddress;
infoWindow.lblPhone.text = self.objSelectedParking.strParkingPhone;
infoWindow.imageViewParking.image = [UIImage imageNamed:@"parking_image_sample.jpg"];
float offset = anchorSize * M_SQRT2;
self.actionOverlayCalloutView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, infoWindowWidth, infoWindowHeight - offset/2)];
[self.actionOverlayCalloutView setBackgroundColor:[UIColor clearColor]];
self.actionOverlayCalloutView.layer.cornerRadius = 5;
self.actionOverlayCalloutView.layer.masksToBounds = YES;
UIButton *hiddenCloseButton = [[UIButton alloc] initWithFrame:CGRectMake((infoWindow.viewContainer.frame.Origin.x + infoWindow.viewContainer.frame.size.width - 30), 10, 20, 20)];
[hiddenCloseButton addTarget:self action:@selector(hiddenCloseButtonClickedInInfowindow:) forControlEvents:UIControlEventTouchUpInside];
[self.actionOverlayCalloutView addSubview:hiddenCloseButton];
UIButton *hiddenDirectionButton = [[UIButton alloc] initWithFrame:CGRectMake((infoWindow.lblAddress.frame.Origin.x + infoWindow.lblAddress.frame.size.width + 5), (infoWindow.lblAddress.frame.Origin.y - 15), 25, 25)];
[hiddenDirectionButton addTarget:self action:@selector(hiddenDirectionButtonClickedInInfowindow:) forControlEvents:UIControlEventTouchUpInside];
[self.actionOverlayCalloutView addSubview:hiddenDirectionButton];
UIButton *hiddenInfoButton = [[UIButton alloc] initWithFrame:CGRectMake((infoWindow.innerContainerView.frame.Origin.x + infoWindow.imageViewParking.frame.Origin.x + infoWindow.imageViewParking.frame.size.width + 20), (infoWindow.innerContainerView.frame.Origin.y + 25), 25, 25)];
[hiddenInfoButton addTarget:self action:@selector(hiddenInfoButtonClickedInInfowindow:) forControlEvents:UIControlEventTouchUpInside];
[self.actionOverlayCalloutView addSubview:hiddenInfoButton];
UIButton *hiddenScheduleButton = [[UIButton alloc] initWithFrame:CGRectMake((infoWindow.innerContainerView.frame.Origin.x + infoWindow.verticalLineSeperatorView.frame.Origin.x + infoWindow.verticalLineSeperatorView.frame.size.width + 10), (infoWindow.innerContainerView.frame.Origin.y + 25), 25, 25)];
[hiddenScheduleButton addTarget:self action:@selector(hiddenScheduleButtonClickedInInfowindow:) forControlEvents:UIControlEventTouchUpInside];
[self.actionOverlayCalloutView addSubview:hiddenScheduleButton];
[infoWindow addSubview:self.actionOverlayCalloutView];
CLLocationCoordinate2D anchor = [_mapView.selectedMarker position];
CGPoint point = [_mapView.projection pointForCoordinate:anchor];
point.y -= _mapView.selectedMarker.icon.size.height + offset/2 + (infoWindowHeight - offset/2)/2;
self.actionOverlayCalloutView.center = point;
[_mapView addSubview:self.actionOverlayCalloutView];
return infoWindow;
}
return nil;
}
-(void)mapView:(GMSMapView *)pMapView didChangeCameraPosition:(GMSCameraPosition *)position {
if (pMapView.selectedMarker != nil && self.actionOverlayCalloutView.superview)
{
float anchorSize = 0.5f;
float infoWindowHeight = 250.0f;
CLLocationCoordinate2D anchor = [_mapView.selectedMarker position];
CGPoint point = [_mapView.projection pointForCoordinate:anchor];
float offset = anchorSize * M_SQRT2;
point.y -= _mapView.selectedMarker.icon.size.height + offset/2 + (infoWindowHeight - offset/2)/2;
point.y = point.y - 10; //PRATIK GUJARATI CODE TO ADJUST HEIGHT AND Y VALUE OF TRANSPARENT OVERLAY VIEW
self.actionOverlayCalloutView.center = point;
} else {
[self.actionOverlayCalloutView removeFromSuperview];
}
}
- (void)mapView:(GMSMapView *)mapView didTapAtCoordinate:(CLLocationCoordinate2D)coordinate {
[self.actionOverlayCalloutView removeFromSuperview];
}
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
if ([keyPath isEqualToString:@"mapView.selectedMarker"]) {
if (!_mapView.selectedMarker) {
[self.actionOverlayCalloutView removeFromSuperview];
}
}
}
InfoWindowに表示するサブビューを1つ作成します。
サブビューのフレームをinfoWindowビューのフレームと同じに設定します。
subView = [[[NSBundle mainBundle] loadNibNamed:@"viewName" owner:self options:nil] objectAtIndex:0];
[subView setFrame:infoview.frame];
[self.mapview addSubview:subView];
グーグルマップビュー情報で情報を取得する
func mapView(_ mapView: GMSMapView, didTapInfoWindowOf marker: GMSMarker) {
print(marker.title!)
print(marker.snippet!)
}
GMSMapViewDelegate
は以下で使用できます。
mapView.delegate = self
func mapView(_ mapView: GMSMapView, didTapInfoWindowOf marker: GMSMarker) {
print("InfoView tapped")
}