[AC-306] Ti.Map not rendering leftView on IOS
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | n/a |
| Status | Resolved |
| Resolution | Cannot Reproduce |
| Resolution Date | 2015-11-12T11:50:00.000+0000 |
| Affected Version/s | n/a |
| Fix Version/s | n/a |
| Components | Appcelerator Modules |
| Labels | n/a |
| Reporter | Nikita Radaev |
| Assignee | Mostafizur Rahman |
| Created | 2015-08-18T20:29:27.000+0000 |
| Updated | 2015-11-12T11:50:00.000+0000 |
Description
Ti.Map module not is not rendering leftView correctly. Instead a bubble with blank white space is created where leftView should be. Tested on:
IPhone 6 v8.3
Appcelerator SDK 4.1.1v20150816214206 & SDK v4.1.0 GA
Ti.Map v2.3.3
Some sample code:
var mapview = Map.createView({mapType:Map.NORMAL_TYPE});
$.mapView.add(mapview); //assumes there is a container called mapView present
var testView = Titanium.UI.createView({
height: Ti.UI.SIZE,
width: 120,
layout: "horizontal",
backgroundColor: "#000"
});
var testImg = Ti.UI.createImageView({
width: 40,
height: 30,
image: "/images/map/open.png"
});
var testLbl = Titanium.UI.createLabel({
height: Ti.UI.SIZE,
width: 100,
text: "lalala",
left: 10,
color: "#000",
font:{
fontSize: 16,
fontWeight: "bold"
},
backgroundColor:"#f00"
});
testView.add(testImg);
testView.add(testLbl);
var ann = Map.createAnnotation({
latitude:75,
longitude: 75,
title:"test",
leftView: testView,
animate:true
});
mapview.addAnnotation(ann);
Hello, We couldn't reproduce this issue as a bug in our environment. leftView rendered properly using Ti.Map module. [Screenshot](http://postimg.org/image/flw6wcx41/) *Testing Environment:* Appcelerator Command-Line Interface, version 5.0.4 Appcelerator Studio, build: 4.3.3.201510212245 Ti SDK Version :5.0.2.GA Node.js Version :0.10.37 Mac OS X,Version :10.10.1 Jdk version : 1.7.0_80.jdk simulator : iPhone 6(8.2) *Steps to test:* 1. Create a classic project 2. Replace app.js with the following test code 3. Create an images folder inside Resource directory 4. Place an image inside images folder, rename the image to left.png 5. Run the app *Test Case:*
var Map = require('ti.map'); var win = Ti.UI.createWindow(); var mapview = Map.createView({ mapType : Map.NORMAL_TYPE }); win.add(mapview); var testView = Titanium.UI.createView({ height : Ti.UI.SIZE, width : 120, layout : "horizontal", //backgroundColor : "#000" }); win.add(testView); var testImg = Ti.UI.createImageView({ width : 40, height : 30, image : "images/left.png" }); var testLbl = Titanium.UI.createLabel({ height : Ti.UI.SIZE, width : 100, text : "Bangladesh", left : 10, color : "#000", font : { fontSize : 16, fontWeight : "bold" }, //backgroundColor : "#f00" }); testView.add(testImg); testView.add(testLbl); var ann = Map.createAnnotation({ latitude : 75, longitude : 75, title : "test", leftView : testView, animate : true }); mapview.addAnnotation(ann); win.open();