Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Bing Maps

6 antwoorden
  • Ik zag dat Ms ook Bing Maps heeft uitgebracht, deze vindt ik wel wat mooier dan Google maps en ik wil dan deze ook op mijn site zetten. Maar dan zo dat mensen hun plaatsnaam en straat kunnen invullen en dat hij dan de routebeschrijving naar 1 punt doet. dit laatste lukt mij nog niet, ik krijg tot nu toe alleen nog maar het bing kaartje in mijn site, maar deze staat dan ergens in de VS. Ik wil dat hij hem centreert naar mijn 'bedrijf' en daar een soort punt op te zetten. ik heb al zoiets gezien: [url]http://tinyurl.com/lnkywk[/url] Weet iemand hoe ik hem zo krijg? Alvast bedankt (hopelijk is het geen domme vraag ) Mvg,
  • Bing Maps is eigenlijk gewoon Virtual Earth maar Microsoft heeft de vreemde eigenschap nogal eens verwarring te scheppen door namen te veranderen. Als je zoekt op Virual Earth kom je veel tutorials tegen. Of op de eigen website: http://msdn.microsoft.com/en-us/library/bb412467.aspx [code:1:605fb5292b]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//NL" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Kaart</title> </head> <body> <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1"></script> <div id='myMap' style="position:relative; width:600px;height:500px;"></div> </body> </html> <script type="text/javascript"> //<![CDATA[ /* Replacement calls. Please see documentation for more information. */ var map = null; var pinid = 0; function GetMap() { map = new VEMap('myMap'); map.SetDashboardSize(VEDashboardSize.Small); // hieronder je eigen latitude en longitude invullen. 16 = zoomlevel, r=roads map.LoadMap(new VELatLong(52.374, 4.893), 16, 'r', false); map.SetScaleBarDistanceUnit(VEDistanceUnit.Kilometers); AddPushpin(); } function AddPushpin() { var shape = new VEShape(VEShapeType.Pushpin, map.GetCenter()); shape.SetTitle('Amsterdam'); pinid++; map.AddShape(shape); } GetMap(); //]]> </script>[/code:1:605fb5292b]
  • Bedankt voor je sneller reactie! ik heb ff op google gezocht, maar ik wordt en nog niet wijzer van, ik ben nog maar net nieuw met dit alles. (wil hier ook graag van leren) nu heb jij een 'Pushpin' neergezet in A'dam, hoe zou ik deze op een andere plaats kunnen zetten, en knoppen eronder toevoegen. Knoppen dat mensen hun straatnaam intypen en dat er dan een routebeschrijving komt. [url=http://www.plaatjesupload.nl/bekijken/1797673.html][img:ae650401ba]http://www.plaatjesupload.nl/bekijk/2009/07/30/1248966892-690.png[/img:ae650401ba][/url] (zo'n soort balkje dus) zou je mij naar een tutorial kunnen verwijzen? of er zelf een maken (ik hoop dat ik niet te veel zeur met mn domme vragen :oops: ) Mvg,
  • Deze code had ik bij de hand omdat ik deze zelf eens gebruikt heb. Routeplannen ben ik nooit zo mee bezig geweest. Hier staat een mogelijke oplossing beschreven http://social.msdn.microsoft.com/Forums/en-US/vemapcontroldev/thread/28d7368e-1ad9-451b-9728-bb109c2af7b6/
  • bedankt voor de verwijzing maar ik krijg alleen maar errors van dat topic :? dit is wat ik tot nu toe heb: [code:1:3108358953]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//NL" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Kaart</title> </head> <body> <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1"></script> <div id='myMap' style="position:relative; width:600px;height:500px;"></div> </body> </html> <script type="text/javascript"> //<![CDATA[ /* Replacement calls. Please see documentation for more information. */ var map = null; var pinid = 0; function GetMap() { map = new VEMap('myMap'); map.SetDashboardSize(VEDashboardSize.Small); // hieronder je eigen latitude en longitude invullen.http://www.bing.com/maps/default.aspx?v=2&FORM=LMLTCP&cp=52.298261~5.616299&style=r&lvl=17&tilt=-90&dir=0&alt=-1000&phx=0&phy=0&phscl=1&cid=8E62D2E1D463D93D!200&encType=1 map.LoadMap(new VELatLong(52.298261, 5.616299), 17, 'r', false); map.SetScaleBarDistanceUnit(VEDistanceUnit.Kilometers); AddPushpin(); } function AddPushpin() { var shape = new VEShape(VEShapeType.Pushpin, map.GetCenter()); shape.SetTitle('JaboGlashandel - Glas Verf Behang'); pinid++; map.AddShape(shape); } GetMap(); //]]> </script>[/code:1:3108358953] ik heb dus: [list:3108358953]-de goede mapstand (eindelijk >.<) -een Pushpin op de juist plaats[/list:u:3108358953] ik heb nog niet: [list:3108358953]-een vakje waar je je adress invult en dan een routebeschrijving geeft naar de 'pushpin' [/list:u:3108358953] denk dan aan zoiets: [URL=http://img57.imageshack.us/i/afbeelding5.png/][img:3108358953]http://img57.imageshack.us/img57/2782/afbeelding5.th.png[/img:3108358953][/URL] ik zou het erg waarderen als iemand me zou kunnen helpen ( [URL=http://img228.imageshack.us/i/afbeelding4h.png/][img:3108358953]http://img228.imageshack.us/img228/4114/afbeelding4h.th.png[/img:3108358953][/URL] [URL=http://img228.imageshack.us/i/afbeelding6o.png/][img:3108358953]http://img228.imageshack.us/img228/8690/afbeelding6o.th.png[/img:3108358953][/URL]
  • Ik vond het wel interessant en ben wat gaan puzzelen. [code:1:03d400562f]<html> <head> <title>Route</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1&mkt=nl-nl"></script> <script> var map = null; var pinid = 0; function GetMap() { map = new VEMap('myMap'); map.LoadMap(); map.LoadMap(new VELatLong(52.374, 4.893), 16, 'r', false); map.SetScaleBarDistanceUnit(VEDistanceUnit.Kilometers); AddPushpin(); } function FindDir() { map = new VEMap('myMap'); map.LoadMap(); map.LoadMap(new VELatLong(52.374, 4.893), 16, 'r', false); map.SetScaleBarDistanceUnit(VEDistanceUnit.Kilometers); AddPushpin(); var from = document.getElementById('txtStart').value; var to = document.getElementById('txtFinish').value; map.GetRoute(from,to,VEDistanceUnit.Kilometers,null,onGotRoute); } function onGotRoute(route) { var routeinfo="Totale afstand: "+route.Itinerary.Distance+" "+route.Itinerary.DistanceUnit+"<br>"; var steps="<ol>"; var len = route.Itinerary.Segments.length; for(var i = 0; i<len ;i++) { steps+="<li>"+route.Itinerary.Segments[i].Instruction+" -- ("; steps+=route.Itinerary.Segments[i].Distance+") "+route.Itinerary.DistanceUnit+"</li>"; } routeinfo+="Route:"+steps+"</ol>"; DoAlert(routeinfo); } function DoAlert(text) { var d=document.getElementById("alertdiv"); d.style.visibility="visible"; document.getElementById("alerttext").innerHTML = text; } function AddPushpin() { var shape = new VEShape(VEShapeType.Pushpin, map.GetCenter()); shape.SetTitle('Amsterdam'); pinid++; map.AddShape(shape); } </script> <style type="text/css"> * { font:normal 12px/12px verdana, arial; } #form { position:relative; width:800px; padding:1% 0; background-color:#DDD; } #alertdiv { position:relative; width:800px; background-color:#EEE; } #alertdiv ol { text-align:left; } #form input { border:1px solid; } </style> </head> <body onload="GetMap();" > <center> <div id="myMap" style="position:relative;width:800px; height:400px;"></div> <div id="form" > <INPUT type="hidden" id="txtFinish" type="text" name="txtFinish" value="52.374, 4.893" readonly="True" size="50" > Startpunt: <INPUT id="txtStart" type="text" name="txtStart" size="50"> <INPUT id="getdir" type="button" value="Route zoeken" name="getdir" onclick="FindDir();"> </div> <div id="alertdiv" > <div id="alerttext" ></div> </div> </center> </body> </html> [/code:1:03d400562f]

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.