{"id":128,"date":"2014-01-02T23:48:35","date_gmt":"2014-01-02T15:48:35","guid":{"rendered":"http:\/\/suherman.asia\/w2\/?p=128"},"modified":"2014-01-02T23:48:35","modified_gmt":"2014-01-02T15:48:35","slug":"simple-sample-using-virtual-earth-api","status":"publish","type":"post","link":"https:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html","title":{"rendered":"Simple Sample Using Virtual Earth API"},"content":{"rendered":"

Membuat sebuah Web Application menggunakan Virtual Earth dapat dilakukan dengan menggunakan Virtual Earth API atau yang sekarang dikenal dengan nama Bing Map Control<\/a> . Untuk mendapat Bing Map Control SDK  dapat didownload disini<\/a>.<\/p>\n

Saya disini akan mencoba membuat sebuah Web Application sederhana, yaitu menampilkan Istana Bogor yang ada di Kota Bogor seperti gambar dibawah ini :<\/p>\n

\"istanabogor\"<\/a> <\/p>\n

Scriptnya cukup sederhana seperti Script HTML dibawah ini (untuk mencobanya harus ada koneksi internet):<\/p>\n

\n
\n
<!<\/span>DOCTYPE<\/span> html<\/span> PUBLIC<\/span> \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\"<\/span> \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"<\/span>><\/span><\/pre>\n
<\/p>\n
 <\/pre>\n
<\/p>\n
<<\/span>html<\/span> xmlns<\/span>=\"http:\/\/www.w3.org\/1999\/xhtml\"<\/span>><\/span><\/pre>\n
<\/p>\n
<<\/span>head<\/span>><\/span><\/pre>\n
<\/p>\n
    <<\/span>title<\/span>><\/span>Call Virtual Earth<\/<\/span>title<\/span>><\/span><\/pre>\n
<\/p>\n
    <<\/span>script<\/span> src<\/span>=\"http:\/\/dev.virtualearth.net\/mapcontrol\/mapcontrol.ashx?v=6.2\"<\/span> <\/pre>\n
<\/p>\n
    type<\/span>=\"text\/javascript\"<\/span>><\/<\/span>script<\/span>><\/span><\/pre>\n
<\/p>\n
<\/<\/span>head<\/span>><\/span><\/pre>\n
<\/p>\n
<<\/span>body<\/span> onload<\/span>=\"var map = new VEMap('divmap'); <\/span><\/pre>\n
<\/p>\n
map.LoadMap(new VELatLong(-6.598086, 106.797409), 20, VEMapStyle.Hybrid, false); \"><\/span><\/pre>\n
<\/p>\n
<<\/span>div<\/span> id<\/span>=\"divmap\"<\/span> style<\/span>=\"position:relative\"<\/span>; ><\/<\/span>div<\/span>><\/span><\/pre>\n
<\/p>\n
 <\/pre>\n
<\/p>\n
<\/<\/span>body<\/span>><\/span><\/pre>\n
<\/p>\n
<\/<\/span>html<\/span>><\/span><\/pre>\n
<\/div>\n<\/div>\n
 <\/p>\n
Saya akan coba bahas Script diatas .<\/p>\n
pada script :<\/p>\n
\n
\n
<<\/span>script<\/span> src<\/span>=\"http:\/\/dev.virtualearth.net\/mapcontrol\/mapcontrol.ashx?v=6.2\"<\/span> <\/pre>\n
<\/p>\n
    type<\/span>=\"text\/javascript\"<\/span>><\/<\/span>script<\/span>><\/span><\/pre>\n
<\/div>\n<\/div>\n
Script diatas mendeklarasikan Bing Map API yang akan kita gunakan. Saat ini versinya adalah 6.2 seperti yang tertulis pada akhir URL.  Tujuan dari pendeklrasian ini adalah agar kita dapat mengakses Method-method yang disediakan Oleh Bing Map API. Pada sample sederhana ini saya hanya menggunakan dua buah method yaitu VEMap() dan LoadMap().<\/p>\n
Method VEMap()  Merupakan Method untuk membuat sebuah instance baru dari VE  yang saya beri ID Divmap <\/p>\n
\n
\n
<<\/span>body onload=\"var map = new VEMap('divmap'); <\/pre>\n
<\/div>\n<\/div>\n
sehingga nantinya kita dapat memunculkan Map nya di browser dengan hanya memanggil ID nya <\/p>\n
\n
\n
<<\/span>div<\/span> id<\/span>=\"divmap\"<\/span> style<\/span>=\"position:relative\"<\/span>; ><\/<\/span>div<\/span>><\/span><\/pre>\n
<\/div>\n<\/div>\n
Method LoadMap()  merupakan method untuk menset bagaiman Map itu ditampilkan. didalamnya ada beberapa parameter yang saya isikan.  Parameter VELatLong() digunakan untuk menampilkan map daerah mana yang akan di presentasikan, yaitu dengan menyebutkan posisi Latitude dan Longitude dari Istana Bogor <\/p>\n
\n
map.LoadMap(new VELatLong(-6.598086, 106.797409), 20, VEMapStyle.Hybrid, false); \"><\/span><\/pre>\n<\/div>\n
Sedangkan angka 20 adalah berapa kali map tersebut akan dilakukan Zoom In. Sedangkan parameter ketiga adalah untuk mendeklarasikan Style dari Map yang akan ditampilkan. Ada beberapa pilihan dari Map Style yaitu : Round, Shaded, Aerial, Hybrid, Birdseye, Oblique, BirdeyeHybrid.<\/p>\n","protected":false},"excerpt":{"rendered":"
Membuat sebuah Web Application menggunakan Virtual Earth dapat dilakukan dengan menggunakan Virtual Earth API atau yang sekarang dikenal dengan nama Bing Map Control . Untuk mendapat Bing Map Control SDK  dapat didownload disini. Saya disini akan mencoba membuat sebuah Web Application sederhana, yaitu menampilkan Istana Bogor yang ada di Kota \u2026<\/p>\n
 Continue reading<\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":129,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[38,37],"class_list":["post-128","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-spatial","tag-api","tag-virtual-earth"],"yoast_head":"\nSimple Sample Using Virtual Earth API - Suherman Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple Sample Using Virtual Earth API - Suherman Blog\" \/>\n<meta property=\"og:description\" content=\"Membuat sebuah Web Application menggunakan Virtual Earth dapat dilakukan dengan menggunakan Virtual Earth API atau yang sekarang dikenal dengan nama Bing Map Control . Untuk mendapat Bing Map Control SDK  dapat didownload disini. Saya disini akan mencoba membuat sebuah Web Application sederhana, yaitu menampilkan Istana Bogor yang ada di Kota \u2026 Continue reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html\" \/>\n<meta property=\"og:site_name\" content=\"Suherman Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/emantin34\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/emantin34\" \/>\n<meta property=\"article:published_time\" content=\"2014-01-02T15:48:35+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"571\" \/>\n\t<meta property=\"og:image:height\" content=\"480\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#article\",\"isPartOf\":{\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html\"},\"author\":{\"name\":\"admin\",\"@id\":\"http:\/\/suherman.asia\/w2\/#\/schema\/person\/63654a129ee88012961c1a00415967dc\"},\"headline\":\"Simple Sample Using Virtual Earth API\",\"datePublished\":\"2014-01-02T15:48:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html\"},\"wordCount\":245,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/suherman.asia\/w2\/#\/schema\/person\/63654a129ee88012961c1a00415967dc\"},\"image\":{\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg\",\"keywords\":[\"API\",\"Virtual Earth\"],\"articleSection\":[\"Spatial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html\",\"url\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html\",\"name\":\"Simple Sample Using Virtual Earth API - Suherman Blog\",\"isPartOf\":{\"@id\":\"http:\/\/suherman.asia\/w2\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#primaryimage\"},\"image\":{\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg\",\"datePublished\":\"2014-01-02T15:48:35+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#primaryimage\",\"url\":\"https:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg\",\"contentUrl\":\"https:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg\",\"width\":571,\"height\":480},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/suherman.asia\/w2\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simple Sample Using Virtual Earth API\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/suherman.asia\/w2\/#website\",\"url\":\"http:\/\/suherman.asia\/w2\/\",\"name\":\"Suherman Blog\",\"description\":\"Just Another Geek Site\",\"publisher\":{\"@id\":\"http:\/\/suherman.asia\/w2\/#\/schema\/person\/63654a129ee88012961c1a00415967dc\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/suherman.asia\/w2\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"http:\/\/suherman.asia\/w2\/#\/schema\/person\/63654a129ee88012961c1a00415967dc\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/suherman.asia\/w2\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eed6f889b4c2af2a8c18cb3bf63de6a4?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eed6f889b4c2af2a8c18cb3bf63de6a4?s=96&d=retro&r=g\",\"caption\":\"admin\"},\"logo\":{\"@id\":\"http:\/\/suherman.asia\/w2\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/suherman.asia\",\"https:\/\/www.facebook.com\/emantin34\",\"https:\/\/x.com\/emantin34\"],\"url\":\"https:\/\/suherman.asia\/w2\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simple Sample Using Virtual Earth API - Suherman Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html","og_locale":"en_US","og_type":"article","og_title":"Simple Sample Using Virtual Earth API - Suherman Blog","og_description":"Membuat sebuah Web Application menggunakan Virtual Earth dapat dilakukan dengan menggunakan Virtual Earth API atau yang sekarang dikenal dengan nama Bing Map Control . Untuk mendapat Bing Map Control SDK  dapat didownload disini. Saya disini akan mencoba membuat sebuah Web Application sederhana, yaitu menampilkan Istana Bogor yang ada di Kota \u2026 Continue reading","og_url":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html","og_site_name":"Suherman Blog","article_publisher":"https:\/\/www.facebook.com\/emantin34","article_author":"https:\/\/www.facebook.com\/emantin34","article_published_time":"2014-01-02T15:48:35+00:00","og_image":[{"width":571,"height":480,"url":"http:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg","type":"image\/jpeg"}],"author":"admin","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#article","isPartOf":{"@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html"},"author":{"name":"admin","@id":"http:\/\/suherman.asia\/w2\/#\/schema\/person\/63654a129ee88012961c1a00415967dc"},"headline":"Simple Sample Using Virtual Earth API","datePublished":"2014-01-02T15:48:35+00:00","mainEntityOfPage":{"@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html"},"wordCount":245,"commentCount":0,"publisher":{"@id":"http:\/\/suherman.asia\/w2\/#\/schema\/person\/63654a129ee88012961c1a00415967dc"},"image":{"@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#primaryimage"},"thumbnailUrl":"https:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg","keywords":["API","Virtual Earth"],"articleSection":["Spatial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#respond"]}]},{"@type":"WebPage","@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html","url":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html","name":"Simple Sample Using Virtual Earth API - Suherman Blog","isPartOf":{"@id":"http:\/\/suherman.asia\/w2\/#website"},"primaryImageOfPage":{"@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#primaryimage"},"image":{"@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#primaryimage"},"thumbnailUrl":"https:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg","datePublished":"2014-01-02T15:48:35+00:00","breadcrumb":{"@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#primaryimage","url":"https:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg","contentUrl":"https:\/\/suherman.asia\/w2\/wp-content\/uploads\/2014\/01\/earth.jpg","width":571,"height":480},{"@type":"BreadcrumbList","@id":"http:\/\/suherman.asia\/w2\/simple-sample-using-virtual-earth-api.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/suherman.asia\/w2"},{"@type":"ListItem","position":2,"name":"Simple Sample Using Virtual Earth API"}]},{"@type":"WebSite","@id":"http:\/\/suherman.asia\/w2\/#website","url":"http:\/\/suherman.asia\/w2\/","name":"Suherman Blog","description":"Just Another Geek Site","publisher":{"@id":"http:\/\/suherman.asia\/w2\/#\/schema\/person\/63654a129ee88012961c1a00415967dc"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/suherman.asia\/w2\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"http:\/\/suherman.asia\/w2\/#\/schema\/person\/63654a129ee88012961c1a00415967dc","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/suherman.asia\/w2\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eed6f889b4c2af2a8c18cb3bf63de6a4?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eed6f889b4c2af2a8c18cb3bf63de6a4?s=96&d=retro&r=g","caption":"admin"},"logo":{"@id":"http:\/\/suherman.asia\/w2\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/suherman.asia","https:\/\/www.facebook.com\/emantin34","https:\/\/x.com\/emantin34"],"url":"https:\/\/suherman.asia\/w2\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/posts\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":1,"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/posts\/128\/revisions\/130"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/media\/129"}],"wp:attachment":[{"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suherman.asia\/w2\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}