# 騰訊地圖jssdk - 地圖坐標 <http://api.map.baidu.com/lbsapi/getpoint/index.html> ``` <pre class="calibre14">``` <span class="token"><</span>div id<span class="token">=</span><span class="token4">"map"</span> style<span class="token">=</span><span class="token4">" width:90%; margin:0 auto;height:500px;"</span><span class="token">></span><span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token"><</span>script src<span class="token">=</span><span class="token4">"//api.map.baidu.com/api?v=2.0&ak=M4eExM3AxIcxOdnFGciErtK3"</span><span class="token">></span><span class="token"><</span><span class="token">/</span>script<span class="token">></span> <span class="token"><</span>script<span class="token">></span> var map <span class="token">=</span> <span class="token5">new</span> <span class="token1">BMap<span class="token2">.</span>Map</span><span class="token2">(</span><span class="token4">"map"</span><span class="token2">)</span><span class="token2">;</span> var point <span class="token">=</span> <span class="token5">new</span> <span class="token1">BMap<span class="token2">.</span>Point</span><span class="token2">(</span><span class="token3">120.587034</span><span class="token2">,</span><span class="token3">31.293345</span><span class="token2">)</span><span class="token2">;</span> map<span class="token2">.</span><span class="token1">centerAndZoom</span><span class="token2">(</span>point<span class="token2">,</span> <span class="token3">17</span><span class="token2">)</span><span class="token2">;</span> var myIcon <span class="token">=</span> <span class="token5">new</span> <span class="token1">BMap<span class="token2">.</span>Icon</span><span class="token2">(</span><span class="token4">"https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png"</span><span class="token2">,</span> <span class="token5">new</span> <span class="token1">BMap<span class="token2">.</span>Size</span><span class="token2">(</span><span class="token3">200</span><span class="token2">,</span><span class="token3">110</span><span class="token2">)</span><span class="token2">)</span><span class="token2">;</span> var marker <span class="token">=</span> <span class="token5">new</span> <span class="token1">BMap<span class="token2">.</span>Marker</span><span class="token2">(</span>point<span class="token2">,</span> <span class="token2">{</span> icon<span class="token2">:</span> myIcon <span class="token2">}</span><span class="token2">)</span><span class="token2">;</span> <span class="token6">// 創建標注</span> map<span class="token2">.</span><span class="token1">addOverlay</span><span class="token2">(</span>marker<span class="token2">)</span><span class="token2">;</span> <span class="token6">// 將標注添加到地圖中</span> marker<span class="token2">.</span><span class="token1">setAnimation</span><span class="token2">(</span>BMAP_ANIMATION_BOUNCE<span class="token2">)</span><span class="token2">;</span> <span class="token6">//跳動的動畫</span> marker<span class="token2">.</span><span class="token1">setOffset</span><span class="token2">(</span><span class="token5">new</span> <span class="token1">BMap<span class="token2">.</span>Size</span><span class="token2">(</span><span class="token3">0</span><span class="token2">,</span> <span class="token">-</span><span class="token3">55</span><span class="token2">)</span><span class="token2">)</span><span class="token2">;</span> var sContent <span class="token">=</span> <span class="token4">"<h3 style='color: #0c5b90;font-size:18px; padding:10px 0;'>中國農業銀行</h3>"</span> <span class="token">+</span> <span class="token4">"<p style='margin-bottom: 0;'>地址：前進中路100號</p>"</span><span class="token2">;</span> marker<span class="token2">.</span><span class="token1">addEventListener</span><span class="token2">(</span><span class="token4">"click"</span><span class="token2">,</span> <span class="token5">function</span> <span class="token2">(</span><span class="token2">)</span> <span class="token2">{</span> map<span class="token2">.</span><span class="token1">openInfoWindow</span><span class="token2">(</span><span class="token5">new</span> <span class="token1">BMap<span class="token2">.</span>InfoWindow</span><span class="token2">(</span>sContent<span class="token2">)</span><span class="token2">,</span> point<span class="token2">)</span><span class="token2">;</span> <span class="token6">//開啟信息窗口</span> <span class="token2">}</span><span class="token2">)</span><span class="token2">;</span> <span class="token"><</span><span class="token">/</span>script<span class="token">></span> ``` ``` - 騰訊地圖 ``` <pre class="calibre14">``` <span class="token"><</span>script charset<span class="token">=</span><span class="token4">"utf-8"</span> src<span class="token">=</span><span class="token4">"//map.qq.com/api/js?v=2.exp"</span><span class="token">></span><span class="token"><</span><span class="token">/</span>script<span class="token">></span> <span class="token"><</span>script<span class="token">></span> var init <span class="token">=</span> <span class="token5">function</span><span class="token2">(</span><span class="token2">)</span> <span class="token2">{</span> var center <span class="token">=</span> <span class="token5">new</span> <span class="token1">qq<span class="token2">.</span>maps<span class="token2">.</span>LatLng</span><span class="token2">(</span><span class="token3">120</span><span class="token2">,</span><span class="token3">120</span><span class="token2">)</span><span class="token2">;</span> var map <span class="token">=</span> <span class="token5">new</span> <span class="token1">qq<span class="token2">.</span>maps<span class="token2">.</span>Map</span><span class="token2">(</span>document<span class="token2">.</span><span class="token1">getElementById</span><span class="token2">(</span><span class="token4">'container'</span><span class="token2">)</span><span class="token2">,</span><span class="token2">{</span> center<span class="token2">:</span> center<span class="token2">,</span> zoom<span class="token2">:</span> <span class="token3">16</span> <span class="token2">}</span><span class="token2">)</span><span class="token2">;</span> var infoWin <span class="token">=</span> <span class="token5">new</span> <span class="token1">qq<span class="token2">.</span>maps<span class="token2">.</span>InfoWindow</span><span class="token2">(</span><span class="token2">{</span> map<span class="token2">:</span> map <span class="token2">}</span><span class="token2">)</span><span class="token2">;</span> infoWin<span class="token2">.</span><span class="token1">open</span><span class="token2">(</span><span class="token2">)</span><span class="token2">;</span> <span class="token6">//tips 自定義內容</span> infoWin<span class="token2">.</span><span class="token1">setContent</span><span class="token2">(</span><span class="token4">'<div style="width:200px;padding-top:10px;">內容</div>'</span><span class="token2">)</span><span class="token2">;</span> infoWin<span class="token2">.</span><span class="token1">setPosition</span><span class="token2">(</span>center<span class="token2">)</span><span class="token2">;</span> <span class="token2">}</span> <span class="token"><</span><span class="token">/</span>script<span class="token">></span> ``` ``` 高德地圖 ``` <pre class="calibre14">``` 瀏覽器js b4fb01539aeff5eb439643ad3c8be6c5 服務器端 <span class="token3">6812110e232</span>abd4f53d345bed23a90d3 https<span class="token2">:</span><span class="token">/</span><span class="token">/</span>restapi<span class="token2">.</span>amap<span class="token2">.</span>com<span class="token">/</span>v3<span class="token">/</span>ip<span class="token">?</span>key<span class="token">=</span><span class="token3">6812110e232</span>abd4f53d345bed23a90d3<span class="token">&</span>ip<span class="token">=</span><span class="token3">114.218</span><span class="token3">.66</span><span class="token3">.167</span> <span class="token2">{</span> <span class="token4">"status"</span><span class="token2">:</span> <span class="token4">"1"</span><span class="token2">,</span> <span class="token4">"info"</span><span class="token2">:</span> <span class="token4">"OK"</span><span class="token2">,</span> <span class="token4">"infocode"</span><span class="token2">:</span> <span class="token4">"10000"</span><span class="token2">,</span> <span class="token4">"province"</span><span class="token2">:</span> <span class="token4">"江蘇省"</span><span class="token2">,</span> <span class="token4">"city"</span><span class="token2">:</span> <span class="token4">"蘇州市"</span><span class="token2">,</span> <span class="token4">"adcode"</span><span class="token2">:</span> <span class="token4">"320500"</span><span class="token2">,</span> <span class="token4">"rectangle"</span><span class="token2">:</span> <span class="token4">"120.4473102,31.15503121;120.8443308,31.49484731"</span> <span class="token2">}</span> ``` ``` 百度地圖 ``` <pre class="calibre14">``` https<span class="token2">:</span><span class="token">/</span><span class="token">/</span>api<span class="token2">.</span>map<span class="token2">.</span>baidu<span class="token2">.</span>com<span class="token">/</span>location<span class="token">/</span>ip<span class="token">?</span>ip<span class="token">=</span><span class="token3">110.87</span><span class="token3">.83</span><span class="token3">.15</span><span class="token">&</span>ak<span class="token">=</span>M4eExM3AxIcxOdnFGciErtK3<span class="token">&</span>coor<span class="token">=</span>bd09ll <span class="token2">{</span> <span class="token4">"address"</span><span class="token2">:</span> <span class="token4">"CN|江蘇|蘇州|None|CHINANET|0|0"</span><span class="token2">,</span> <span class="token4">"content"</span><span class="token2">:</span> <span class="token2">{</span> <span class="token4">"address"</span><span class="token2">:</span> <span class="token4">"江蘇省蘇州市"</span><span class="token2">,</span> <span class="token4">"address_detail"</span><span class="token2">:</span> <span class="token2">{</span> <span class="token4">"city"</span><span class="token2">:</span> <span class="token4">"蘇州市"</span><span class="token2">,</span> <span class="token4">"city_code"</span><span class="token2">:</span> <span class="token3">224</span><span class="token2">,</span> <span class="token4">"district"</span><span class="token2">:</span> <span class="token4">""</span><span class="token2">,</span> <span class="token4">"province"</span><span class="token2">:</span> <span class="token4">"江蘇省"</span><span class="token2">,</span> <span class="token4">"street"</span><span class="token2">:</span> <span class="token4">""</span><span class="token2">,</span> <span class="token4">"street_number"</span><span class="token2">:</span> <span class="token4">""</span> <span class="token2">}</span><span class="token2">,</span> <span class="token4">"point"</span><span class="token2">:</span> <span class="token2">{</span> <span class="token4">"x"</span><span class="token2">:</span> <span class="token4">"120.61990712"</span><span class="token2">,</span> <span class="token4">"y"</span><span class="token2">:</span> <span class="token4">"31.31798737"</span> <span class="token2">}</span> <span class="token2">}</span><span class="token2">,</span> <span class="token4">"status"</span><span class="token2">:</span> <span class="token3">0</span> <span class="token2">}</span> ``` ``` 騰訊地圖 ``` <pre class="calibre16">``` https<span class="token2">:</span><span class="token">/</span><span class="token">/</span>apis<span class="token2">.</span>map<span class="token2">.</span>qq<span class="token2">.</span>com<span class="token">/</span>ws<span class="token">/</span>location<span class="token">/</span>v1<span class="token">/</span>ip<span class="token">?</span>ip<span class="token">=</span><span class="token3">202.115</span><span class="token3">.81</span><span class="token3">.246</span><span class="token">&</span>key<span class="token">=</span>ACEBZ<span class="token">-</span>FDXWP<span class="token">-</span>WFRDV<span class="token">-</span>VGS5Q<span class="token">-</span>S2Q5K<span class="token">-</span>HQBNA <span class="token2">{</span> <span class="token4">"status"</span><span class="token2">:</span> <span class="token3">0</span><span class="token2">,</span> <span class="token4">"message"</span><span class="token2">:</span> <span class="token4">"query ok"</span><span class="token2">,</span> <span class="token4">"result"</span><span class="token2">:</span> <span class="token2">{</span> <span class="token4">"ip"</span><span class="token2">:</span> <span class="token4">"114.218.66.167"</span><span class="token2">,</span> <span class="token4">"location"</span><span class="token2">:</span> <span class="token2">{</span> <span class="token4">"lat"</span><span class="token2">:</span> <span class="token3">31.38475</span><span class="token2">,</span> <span class="token4">"lng"</span><span class="token2">:</span> <span class="token3">120.98181</span> <span class="token2">}</span><span class="token2">,</span> <span class="token4">"ad_info"</span><span class="token2">:</span> <span class="token2">{</span> <span class="token4">"nation"</span><span class="token2">:</span> <span class="token4">"中國"</span><span class="token2">,</span> <span class="token4">"province"</span><span class="token2">:</span> <span class="token4">"江蘇省"</span><span class="token2">,</span> <span class="token4">"city"</span><span class="token2">:</span> <span class="token4">"蘇州市"</span><span class="token2">,</span> <span class="token4">"district"</span><span class="token2">:</span> <span class="token4">"昆山市"</span><span class="token2">,</span> <span class="token4">"adcode"</span><span class="token2">:</span> <span class="token3">320583</span> <span class="token2">}</span> <span class="token2">}</span> <span class="token2">}</span> ``` ```