Issue with display map and another DIV
28 views
Skip to first unread message
SiKni8
Sep 8, 2011, 9:52:09 AM9/8/11
to iPhoneWebDev
<!DOCTYPE html>
<html>
<head>
<script src="http://dev.virtualearth.net/mapcontrol/v4/
mapcontrol.js"></script>
<script type='text/javascript'>
var map = null;
function setup()
{
map = new VEMap('mymap');
map.LoadMap();
map.SetMapMode(VEMapMode.Mode3D);
map.AttachEvent("onchangeview", SetInfoBlock);
}
function SetInfoBlock(e)
{
var info = "Lat, Long: " + map.GetCenter()
+ "<br>Altitude: " + map.GetAltitude()
+ "<br>Pitch: " + map.GetPitch()
+ "<br>Heading: " + map.GetHeading();
document.getElementById("info").innerHTML = info;
}
</script>
<title>FV.com</title>
<meta name="viewport" content="width=device-width; initial-
scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<link rel="stylesheet" href="iui/iui.css" type="text/css" />
<link rel="stylesheet" href="iui/t/default/default-theme.css"
type="text/css"/>
<script type="application/x-javascript" src="iui/iui.js"></
script>
</head>
<body onload="setup();">
<div class="toolbar">
<h1 id="pageTitle"></h1>
<a id="backButton" class="button" href="#"></a>
</div>
<ul id="screen1" title="Map" selected="true">
<div id="mymap" style="width:800px;height:600px;"></div>
</ul>
<ul id="screen1" title="Hans" selected="true">
<div id="mymap" style="width:800px;height:600px;"></div>
</ul>
<div id="screen2" title="Apple Bees">
Hello World
</div>
</body>
</html>
The previous is what my HTML looks like.
I am trying to display two headers on the first page as can be seen by
UL, but i only see the "MAP" header and not the HANS header on page
one.
Also i am trying to display the BING MAP, which i do not see on the
page under the MAP header.
Any help would be appreciated as I am new to iUI design.
Thank you,
SiKni8
<html>
<head>
<script src="http://dev.virtualearth.net/mapcontrol/v4/
mapcontrol.js"></script>
<script type='text/javascript'>
var map = null;
function setup()
{
map = new VEMap('mymap');
map.LoadMap();
map.SetMapMode(VEMapMode.Mode3D);
map.AttachEvent("onchangeview", SetInfoBlock);
}
function SetInfoBlock(e)
{
var info = "Lat, Long: " + map.GetCenter()
+ "<br>Altitude: " + map.GetAltitude()
+ "<br>Pitch: " + map.GetPitch()
+ "<br>Heading: " + map.GetHeading();
document.getElementById("info").innerHTML = info;
}
</script>
<title>FV.com</title>
<meta name="viewport" content="width=device-width; initial-
scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<link rel="stylesheet" href="iui/iui.css" type="text/css" />
<link rel="stylesheet" href="iui/t/default/default-theme.css"
type="text/css"/>
<script type="application/x-javascript" src="iui/iui.js"></
script>
</head>
<body onload="setup();">
<div class="toolbar">
<h1 id="pageTitle"></h1>
<a id="backButton" class="button" href="#"></a>
</div>
<ul id="screen1" title="Map" selected="true">
<div id="mymap" style="width:800px;height:600px;"></div>
</ul>
<ul id="screen1" title="Hans" selected="true">
<div id="mymap" style="width:800px;height:600px;"></div>
</ul>
<div id="screen2" title="Apple Bees">
Hello World
</div>
</body>
</html>
The previous is what my HTML looks like.
I am trying to display two headers on the first page as can be seen by
UL, but i only see the "MAP" header and not the HANS header on page
one.
Also i am trying to display the BING MAP, which i do not see on the
page under the MAP header.
Any help would be appreciated as I am new to iUI design.
Thank you,
SiKni8
Remi Grumeau
Sep 10, 2011, 5:17:12 AM9/10/11
to iphone...@googlegroups.com
Hi SiKni8,
Did you sort this out or do you still need help?
Remi
> --
> You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
> To post to this group, send email to iphone...@googlegroups.com.
> To unsubscribe from this group, send email to iphonewebdev...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
>
Mogens Beltoft
Sep 8, 2011, 2:22:26 PM9/8/11
to iphone...@googlegroups.com
To my knowledge iUI only works with one selected ul or div, if you need
to have two headers you'll need to make them yourself.
to have two headers you'll need to make them yourself.
/Mogens
Remi Grumeau
Mar 29, 2013, 4:22:19 PM3/29/13
to iphone...@googlegroups.com
Hey,
Please remove the selected="true" from the second screen (aka Hans). You can only have one screen as selected="true".
Also, give it another id, like screen2.
Is setup(); triggered?
Remi
Please remove the selected="true" from the second screen (aka Hans). You can only have one screen as selected="true".
Also, give it another id, like screen2.
Is setup(); triggered?
Remi
Remi Grumeau
Apr 2, 2013, 9:40:14 AM4/2/13
to iphone...@googlegroups.com
Looking at
http://msdn.microsoft.com/en-us/library/gg427624.aspx
It seems Bing Maps API needs a credential key to load.
Please look at this doc a little more, everything is quite well explain.
Remi
http://msdn.microsoft.com/en-us/library/gg427624.aspx
It seems Bing Maps API needs a credential key to load.
Please look at this doc a little more, everything is quite well explain.
Remi
Reply all
Reply to author
Forward
0 new messages