How can I display custom icon and two hyperlinks in model pop up on Blackberry map?

Question

I need to display a custom icon and two hyperlinks in model pop up on Blackberry map. How can I do this?

Answer 1

alt text http://img689.imageshack.us/img689/2886/maplinkicon.jpg

First implement extention of ButtonField which will:

• look like icon
• on click will open Browser with predefined link
• will use context menu

Code for such control:

class MapLinkIcon extends ButtonField implements FieldChangeListener {
 Bitmap mNormal;
 Bitmap mFocused;

 String mLink;
 String mDescription;

 int mWidth;
 int mHeight;

 public MapLinkIcon(Bitmap normal, Bitmap focused, String link,
   String description) {
  super(CONSUME_CLICK);
  mNormal = normal;
  mFocused = focused;
  mLink = link;
  mDescription = description;

  mWidth = mNormal.getWidth();
  mHeight = mNormal.getHeight();
  setMargin(0, 0, 0, 0);
  setPadding(0, 0, 0, 0);
  setBorder(BorderFactory.createSimpleBorder(new XYEdges(0, 0, 0, 0)));
  setBorder(VISUAL_STATE_ACTIVE, BorderFactory
    .createSimpleBorder(new XYEdges(0, 0, 0, 0)));

  this.setChangeListener(this);
 }

 protected void paint(Graphics graphics) {
  Bitmap bitmap = null;
  switch (getVisualState()) {
  case VISUAL_STATE_NORMAL:
   bitmap = mNormal;
   break;
  case VISUAL_STATE_FOCUS:
   bitmap = mFocused;
   break;
  case VISUAL_STATE_ACTIVE:
   bitmap = mFocused;
   break;
  default:
   bitmap = mNormal;
  }
  graphics.drawBitmap(0, 0, bitmap.getWidth(), bitmap.getHeight(),
    bitmap, 0, 0);
 }

 public int getPreferredWidth() {
  return mWidth;
 }

 public int getPreferredHeight() {
  return mHeight;
 }

 protected void layout(int width, int height) {
  setExtent(mWidth, mHeight);
 }

 protected void applyTheme(Graphics arg0, boolean arg1) {

 }

 public void fieldChanged(Field field, int context) {
  openLink(mLink);
 }

 MenuItem mMenuItem = new MenuItem("Go To Link", 0, 0) {
  public void run() {
   openLink(mLink);
  }
 };

 protected void makeContextMenu(ContextMenu contextMenu) {
  super.makeContextMenu(contextMenu);
  contextMenu.addItem(mMenuItem);
 }

 private static void openLink(String link) {
  Browser.getDefaultSession().displayPage(link);
 }
}

Now we can use this button control in combination with MapField, override sublayout to place button over the map:

class CustomMapField extends VerticalFieldManager {

 MapField mMapField;
 MapLinkIcon mButton;

 public CustomMapField() {
  add(mMapField = new MapField());
 }

 public int getPreferredHeight() {
  return getScreen().getHeight();
 }

 public int getPreferredWidth() {
  return getScreen().getWidth();
 }

 public void moveTo(Coordinates coordinates, Bitmap icoNorm, Bitmap icoAct,
   String link, String description) {

  mMapField.moveTo(coordinates);

  add(mButton = new MapLinkIcon(icoNorm, icoAct, link, description));
 }

 protected void sublayout(int maxWidth, int maxHeight) {
  int width = getPreferredWidth();
  int height = getPreferredHeight();
  layoutChild(mMapField, width, height);
  setPositionChild(mMapField, 0, 0);

  layoutChild(mButton, mButton.mWidth, mButton.mHeight);
  XYPoint fieldOut = new XYPoint();
  mMapField.convertWorldToField(mMapField.getCoordinates(), fieldOut);
  int xPos = fieldOut.x - mButton.mWidth / 2;
  int yPos = fieldOut.y - mButton.mHeight;
  setPositionChild(mButton, xPos, yPos);

  setExtent(width, height);
 }
}

Example of use:

class Scr extends MainScreen {
 CustomMapField mMapField;
 Coordinates mCoordinates;

 public Scr() {
  double latitude = 51.507778;
  double longitude = -0.128056;
  mCoordinates = new Coordinates(latitude, longitude, 0);

  mMapField = new CustomMapField();
  Bitmap icoNormal = Bitmap.getBitmapResource("so_icon_normal.png");
  Bitmap icoActive = Bitmap.getBitmapResource("so_icon_active.png");
  String link = "http://stackoverflow.com";
  String description = "StackOverflow";
  mMapField.moveTo(mCoordinates, icoNormal, icoActive, link, description);
  add(mMapField);
 }
}

See also:
How to show our own icon in BlackBerry Map?
How to show more than one location in Blackberry MapField?