Geo Items (v2.1.x – 2.2.x)
Navmii SDK provides an easy way to present custom images on the map and to draw polylines. Children classes of NMGeoObject abstract class represent these custom images (NMGeoMarker) and polylines (NMGeoPolyline) in the SDK. NMMapView instance is responsible for creating and handling this type of objects.
CREATING MARKERS ON THE MAP
To present a marker on the map at specified coordinates with default image, instantiate it first with either initWithCoordinates: instance method or geoMarkerWithCoordinates: class method and, then, add it to the map using NMMapView instance's addGeoObject: method:
NMGeoMarker *marker = [[NMGeoMarker alloc] initWithCoordinates:coords]; /* or, alternatively*/ NMGeoMarker *marker = [NMGeoMarker geoMakerWithCoordinates:coords]; [mapView addGeoObject:marker];
To present a marker with specified image, use one of initWithCoordinates:andImagePath: and geoMarkerWithCoordinates:andImagePath: pair of methods. Make sure you add them to the map as in previous case:
NMGeoMarker *marker = [[NMGeoMarker alloc] initWithCoordinates:coords andImagePath:pathToImage]; /* or, alternatively*/ NMGeoMarker *marker = [NMGeoMarker geoMakerWithCoordinates:coords andImagePath:pathToImage]; [mapView addGeoObject:marker];
Please note to use PNG images in Xcode, Compress PNG Files - Packaging parameters should be set to NO:
Compress PNG Files: No Remove Text Metadata From PNG Files: No
CREATING IMAGES ON THE MAP
To present an image on the map at specified coordinates, instantiate a dedicated object, NMGeoImage, with either initWithRect:imagePath:imageScale: instance method or geoImageWithRect:imagePath:imageScale: class method with a rectangle NMMapRectangle object and then add it to the map using NMMapView instance's addGeoObject: method:
NMGeoImage *geoImage = [[NMGeoImage alloc] initWithRect:rect imagePath:imagePath imageScale:imageScale]; /* or, alternatively*/ NMGeoImage *geoImage = [NMGeoImage geoImageWithRect:rect imagePath:imagePath imageScale:imageScale]; [mapView addGeoObject:geoImage];
Alternatively an NMGeoImage can be instantiated with independent corner coordinates initWithCoordinatesTopLeft:topRight:bottomLeft:bottomRight:imagePath:imageScale: instance method or geoImageWithCoordinatesTopLeft:topRight:bottomLeft:bottomRight:imagePath:imageScale: class method. After object is being instantiated it can be added to the map using NMMapView instance's addGeoObject: method:
NMGeoImage *geoImage = [[NMGeoImage alloc] initWithTopLeft:topLeft topRight:topRight bottomLeft:bottomLeft bottomRight:bottomRight imagePath:imagePath imageScale:imageScale]; /* or, alternatively*/ NMGeoImage *geoImage = [NMGeoImage geoImageWithCoordinatesTopLeft:topLeft topRight:topRight bottomLeft:bottomLeft bottomRight:bottomRight imagePath:imagePath imageScale:imageScale]; [mapView addGeoObject:geoImage];
Please note to use PNG images in Xcode, Compress PNG Files - Packaging parameters should be set to NO:
Compress PNG Files: No Remove Text Metadata From PNG Files: No
DRAWING POLYLINES
To draw a polyline on the map use either initWithVertices: instance method or geoPolylineWithVertices: class method. Pass an array of NMMapCoordinates representing polyline vertices geo position as the argument. Add the polyline instantiated with one of methods to the NMMapView instance:
NMGeoPolyline *polyline = [[NMGeoPolyline alloc] initWithVertices:vertices]; /* or, alternatively NMGeoPolyline *polyline = [NMGeoPolyline geoPolylineWithVertices:vertices]; */ [mapView addGeoObject:polyline];
DRAWING CIRCLES
To draw a circle on the map use either initWithCenter:radius:strokeWidth:fillColor:strokeColor: instance method or geoCircleWithCenter:radius:strokeWidth:fillColor:strokeColor: class method. Pass an center of NMMapCoordinates representing circle's center geo position as the argument, a radius, a stroke width and color and a fill color. Add the circle instantiated with one of methods to the NMMapView instance:
NMGeoCirce *circle = [[NMGeoCircle alloc] initWithCenter:center radius:radius strokeWidth:strokeWidth fillColor:fillColor strokeColor:strokeColor]; /* or, alternatively NMGeoCirce *circle = [NMGeoCirce geoCircleWithCenter:center radius:radius strokeWidth:strokeWidth fillColor:fillColor strokeColor:strokeColor]; */ [mapView addGeoObject:circle];
WORKING WITH POLYLINES
You can insert and remove a point or multiple points into and from a polyline, using NMGeoPolyline's appendVertex:, insertVertex:AtIndex:, removeLastVertex:, removeVertexAtIndex: and removeAllVertices methods. To retrieve overall vertices count use vertices property is an NSArray instance.
//adds a vertex to the polyline's end [polyline appendVertex:coordinates]; //inserts a vertex into the polyline at index 3 if ([polyline.vertices count] >= 3) { [polyline insertVertex:coordinates atIndex:3]; } //removes last vertex from the polyline [polyline removeLastVertex]; //removes the vertex at index 3 from the polyline if ([polyline.vertices count] >= 3) { [polyline removeVertexAtIndex:3]; } //removes all vertices from the polyline [polyline removeAllVertices];
The way the polyline is rendered on the map is also customizable. You can change the polyline's color and width using NMGeoPolyline's color and width properties. The width property is CGFloat value representing polyline's width in Device-Independent Pixels (DIPs).
//sets polyline width to 3 DPI polyline.width = 3; //sets polyline color to red polyline.color = [UIColor colorWithRed:1.f green:0.f blue:0.f alpha:1.f];
INTERACTING WITH GEO OBJECTS
Editing geo objects
Circles and polygons can be made editable using editable method. An editable object will be displayed with handles, which can be dragged in order to edit the object:
Listening to geo object events
There three types of user events related to NMGeoObjects recognized by the SDK:
- single tap on a geo object
- double tap on a geo object
- long press on a geo object
modifying an editable geo object by dragging the handles displayed on it by the SDK
The first three events will only be called for clickable geo objects (markers, circles and polygons, for which setClickable(true) method has been called).
The last event will only be called for editable geo objects (circles and polygon, for which editable property was set to true). This event is called once when a user stops interacting with the object.
To be able to handle these events make one of your classes conforming to NMGeoObjectListener protocol and add an instance of this class to the map view's geo object listeners. Methods onGeoObjectClick:, onGeoObjectDoubleClick:, onGeoObjectLongPress: and onGeoObjectChanged: will be called on these events:
- (void)onGeoObjectClick:(NSUInteger)geoObjectID { //handle single tap on geo object here } - (void)onGeoObjectLongPress:(NSUInteger)geoObjectID { //handle long press on geo object here } - (void)onGeoObjectPress:(NSUInteger)geoObjectID { //handle press on geo object here } - (void)onGeoObjectRelease:(NSUInteger)geoObjectID { //handle release geo object here } - (void)onGeoObjectChanged:(NSUInteger)geoObjectID { //handle geo object changed event here }