InfoClick



InfoClick is designed to be used with Apple's Mail application to navigate through your emails to see the words, contacts, and information within. InfoClick Nigeria is a multi-author blog in Nigeria. The team comprises professionals and Consultants from different fields of human endeavour. Here we publish several helpful articles in various categories, such as how-to articles, where to find things, resources, business, interviews and reviews. We, are not responsible for your actions. You are solely responsible for your own moves and decisions and the evaluation and use of our products and services should be based on your own due diligence.

At a glance

Cons

Our Verdict

Infoclick 24

There are two kinds of emailers: Filers, who meticulously file away their messages into folders, and Dumpers, who just keep everything in one vast Inbox and rely on search to find messages they want. Nisus’s InfoClick has something to offer both of them, but particularly the latter.

InfoClick is essentially a supercharged search tool for Mail. (Note that it’s a separate application on its own, not a Mail plug-in.) When you first launch it, it indexes all of the messages in your various mailboxes. (It took roughly 15 minutes to do this on my 75,000 messages.) Once that indexing is done, you can use InfoClick’s Normal interface, which includes six search fields: contact (who sent or received the message); text (in the subject or content of the message); date (year, month, or day); kind (sent, received, trashed, and so on); attachments (including file name); and location (the mailbox where the message(s) are stored). There’s also a Detailed Search interface, which offers those same search options in their own specific search fields (email account; contacts in CC: and BCC: fields; and so on).

In both interfaces, there are three panes: One for search criteria; a second for matched messages; and a third for message previews. While you can read those matches in the preview pane, you can also open them in Mail by double-clicking.

Of course, you can use Spotlight to find emails, and Mail’s own built-in search tools are already pretty good (once you learn how to take advantage of them). But if those tools aren’t enough for you, InfoClick offers way more power than either. It allows you to construct more tightly defined searches (messages with a specific file-attachment, on which your boss was copied, but not directly addressed, say). It also offers a Not switch (so you can find all messages with a particular attachment that didn’t go to your boss).

InfoClick could, however, be easier to use. While the app adds a Find Email using InfoClick entry to the Services menu, it’d be nice if it integrated more fully with Mail. It would be even nicer if there were some way to save searches for future reuse. But, whether you’re a Filer or a Dumper, if you find yourself constantly searching for (and not finding) messages in Mail, InfoClick could make your life a lot easier.

This review is part of Macworld’s GemFest 2014. Every weekday from July until September, the Macworld staff will use the Mac Gems blog to briefly cover a standout free, low-cost, or great-value program. You can view a list of this year’s apps, updated daily, on our handy GemFest chart, and you can visit the Mac Gems homepage for past Mac Gems reviews.

Want to stay up to date with the latest Gems? You can follow Mac Gems on Twitter or on App.net. You can also subscribe to the Mac Gems RSS feed.

Last update on Saturday, January 12th 2019

Google Maps is the king when it comes to Geolocation and Mapping.
Many companies like Uber or Lyft are using Google's technology to rapidly kickstart awesome applications.
In this tutorial we will see how we can quickly create our own application with Ionic's Google Maps Native plugin.

We will create a restaurant mapping application, the user will be able to look for specific restaurants we will place on our map and view in a separate Page what the restaurant offers.

Our plan here is to:

  1. Display a map with a marker that represents the restaurant
  2. Load multiple markers on this map
  3. Handle events on those markers
  4. Transition to another area that contains a restaurant's information

Before diving into the code, some setups are required.

The Google Developer Console

An account for the Google Developer Console is required, you can get one for free there.

Infoclique

Create a new project:

Once this is done, the Google Maps API is required in the Library menu:

Choose what you need: iOS or Android.

And enable the service:

Finally copy the API's key:

We can now get our hands dirty!

One Map, One Marker

Starting with installations:

Nothing new here, just a new project with the Cordova and Ionic plugins using the Google Maps API key we created above.

The home.html file is our starting point:

This div will contain our map area, it occupies the whole <ion-content> area and the reference #map will be used to grab this Element later.

A detour to the app.module.ts file to add the Native GoogleMaps Service:

And the imports in the home.ts file:

All of those imports are important.
ViewChild will allow us to grab the map Element from the DOM and the other ones from the @ionic-native/google-maps package will be used to create the map, positions, marker, etc.

Using ViewChild we grab the Element referenced as map from the DOM and stock it in a property named element.

We can now get down to business:

To be sure that everything is loaded, the work is done in the ngAfterViewInit hook and once the platform is ready.

When all the lights are green, the following initMap method is triggered:

We first create a new GoogleMap object by passing our map element to GoogleMaps' create method.

Many tutorials skip the following part, which is very important.
We need to wait for the MAP_READY event to be triggered before doing anything, the one method will listen once for this event. On iOS this is not important, however, on Android forgetting this part can create some issues with the camera's movements or markers creation.

Some coordinates are then created, I chose those ones because it's an airport that has some Google Maps indoor plans and they look really nice! If you want to use your own Geolocation, you can have a look at this Ionic geolocation tutorial.

Infoclick Kaleida

The camera must be moved to those coordinates otherwise we won't see anything. This is done by using the animateCamera method which is kinda cool 😉.
The markerOptions requires a position and a title, the icon attribute is optional, you can use the default icon, but I'd rather go with a custom one.
Finally, using the markerOptions, a marker is created and the info bubble is shown.

Infoclick Schweiz

If you have a black or white screen showing instead of the map, you might have to add this in the app.scss file:

Here is the first result:

Great, we just mastered how to integrate GoogleMaps and add a marker.
Let's add more markers.

Multiple Markers

The markers data are available in an Amazon Web Service, you can use mine or you can go there to learn how to create a custom Amazon API.

We will need HttpModule to fetch the data so back to the app.module.ts file:

Infoclimat

And back to the home.ts:

Kaleida

The API is called to acquire the restaurants data, once the data are received, the initMap method is called.

Some modifications to the method:

The camera’s position is set to the first restaurant’s position. After that, we loop on the restaurants to create multiple markers, each restaurant has its own position and title properties.

Now we have multiple markers!

Moving to the last part of the application: the restaurant’s details.

Infoclique log in

All the information can be displayed in one new RestaurantPage.

The restaurant.html file is very simple:

For now we only display an “under construction” image and some text to inform the user that the restaurant is not yet opened.

Going back to the initMap method, this restaurant view will be shown once the user taps on the info bubble:

The markerOptions variable is modified, a new infoClick callback is added to move the user to another page.

And Voila!

Conclusion

Adding Google Maps to an Ionic application is fairly easy.
There are some pitfalls to avoid, the most important one is: waiting for the device and the map to be ready. Another one is the background transparency.
Once you have those rules in the back of the head, you can create the area in the HTML file where the map will be shown, grab it, create the map there, move the camera to the good Geolocation and position the markers.
From here the sky is the limit, you can add more interactions with the markers, change the icons to represent a car, make them move and so much more!





Comments are closed.