Пользовательский infoView для массива маркеров swift - PullRequest
Новая
       9

Пользовательский infoView для массива маркеров swift

0 голосов
/ 01 июня 2019

У меня есть приложение, в котором я работаю с Googlemaps, я могу создавать маркеры для всех необходимых координат, но проблема, с которой я сейчас сталкиваюсь, заключается в том, что я хочу показать пользовательский UIView, когда пользователь нажимает на маркер, чтобы показатьинформация, связанная с этим маркером 

func showFeaturedProperties(properties: [FeaturedProperties]) {
        self.properties = properties
        properties.forEach { (props) in
            var lat = Double(props.latitude!) as! Double
            var lng = Double(props.longitude!) as! Double


            let marker = GMSMarker()
            marker.position = CLLocationCoordinate2D(latitude: lat,
                                                     longitude: lng)
            marker.groundAnchor = CGPoint(x: 0.5, y: 0.5)
            marker.isFlat = true
            marker.map = mapView
            if props.typeId == 1 {
                marker.icon = #imageLiteral(resourceName: "_map_rent_icon")
            } else {
                marker.icon = #imageLiteral(resourceName: "_map_buy_icon")
            }

            marker.setIconSize(scaledToSize: .init(width: 25, height: 25))
            marker.iconView?.contentMode = .scaleAspectFit
            self.markers.append(marker)
        }

    }

Приведенный выше код показывает маркер на карте, как я могу показать Подробности при нажатии на маркер?

Я до сих пор расширил GMSMapViewDelegate

func mapView(_ mapView: GMSMapView, markerInfoContents marker: GMSMarker) -> UIView? {

        if let index = markers.index(of: marker) {
            let tappedState = properties[index]
            log(tappedState.id)
        }

        let infoView = BaseCardView()

        return infoView
    }

это не работает, помощь приветствуется

1 Ответ

0 голосов
/ 01 июня 2019

  1. Создание представления маркера информационного окна с файлом xib 

    import UIKit
import GoogleMaps
class InfoMarkerView: UIView {

var view:UIView!
var parentVC:StartRideViewController?

override init(frame: CGRect) {
super.init(frame: frame)
setup()
}

required init(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)!
setup()
}

func setup() {
view = loadViewFromNib()
view.frame = bounds
view.autoresizingMask = UIViewAutoresizing.flexibleWidth
view.autoresizingMask = UIViewAutoresizing.flexibleHeight
addSubview(view)
}

func loadViewFromNib() -> UIView {
let bundle = Bundle(for:type(of: self))
let nib = UINib(nibName: "InfoMarkerView", bundle: bundle)
let view = nib.instantiate(withOwner: self, options: nil)[0] as! UIView
return view
}

func UpdateView(marker:GMSMarker){
// set values to labels here
}
}

  2. Добавить GMSMapViewDelegate в ваш файл viewcontroller 

    var mapView: GMSMapView!
var infoMarkerView:InfoMarkerView?

 if(latitude != 0 && longitude != 0){
                let position = CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
                let marker = GMSMarker(position: position)

                var myData = Dictionary<String, Any>()
                myData["title"] = ridername
                myData["snippet"] = ridertime
                myData["photoUrl"] = photoUrl
                myData["position"] = position
                myData["accuracy"] = accuracy
                myData["uid"] = riderUID
                myData["status"] = riderStatus
                marker.userData = myData


                marker.title = ridername
                marker.snippet = ridertime
                marker.position = position
                marker.iconView = self.showImageonMap(imgPath:photoUrl)

                marker.map = self.mapView


            }

// MARK: GMSMapViewDelegate method implementation

func mapView(_ mapView: GMSMapView!, didTapAt coordinate: CLLocationCoordinate2D) {
print("here")
if infoMarkerView != nil {
    infoMarkerView?.removeFromSuperview()
}
}

func mapView(_ mapView: GMSMapView, didTap overlay: GMSOverlay)
{
print(overlay.zIndex)
print("User Tapped Layer: \(overlay)")
if infoMarkerView != nil {
    infoMarkerView?.removeFromSuperview()
}
}

func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool     {
//let update = GMSCameraUpdate.zoom(by: zoomLevel)
//mapView.animate(with: update)

if infoMarkerView != nil {
    infoMarkerView?.removeFromSuperview()
}
infoMarkerView = InfoMarkerView(frame: CGRect(x: marker.infoWindowAnchor.x, y: marker.infoWindowAnchor.y, width:180, height: 120))
infoMarkerView?.parentVC = self
// Offset the info window to be directly above the tapped marker
infoMarkerView?.center = mapView.projection.point(for: marker.position)
infoMarkerView?.center.y = (infoMarkerView?.center.y)! - 125
infoMarkerView?.UpdateView(marker: marker)

mapView.addSubview(infoMarkerView!)
return true
}

func mapView(_ mapView: GMSMapView, didBeginDragging marker: GMSMarker) {
if infoMarkerView != nil {
    infoMarkerView?.removeFromSuperview()
}
}

func mapView(_ mapView: GMSMapView, didChange position: GMSCameraPosition) {
if infoMarkerView != nil {
    infoMarkerView?.removeFromSuperview()
}
}
...