Skip to content

Latest commit

 

History

History
69 lines (54 loc) · 1.7 KB

2.4README.md

File metadata and controls

69 lines (54 loc) · 1.7 KB
Raw

MapQuest

@(笔记)[MapQuest]@案例：https://github.com/lhywell/map/tree/master/example/example17

入门教程

官网

https://developer.mapquest.com

申请密钥

申请MapQuest密钥，申请请跳转链接 需要翻墙

特征

  1. 默认情况下，与Leaflet.js集成 MapQuest核心js用的leaflet地图插件

查看API

示例

https://developer.mapquest.com/documentation/mapquest-js/v1.2/examples/basic-map/

构建一个地图

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>MapQuest</title>
    <style>
    html,
    body {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
    }
    </style>
    <script src="https://api.mqcdn.com/sdk/mapquest-js/v1.2.0/mapquest.js"></script>
    <link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.2.0/mapquest.css" />
</head>

<body>
    <div id="map" style="width:1000px; height:400px;"></div>
    <script type="text/javascript">
    L.mapquest.key = 'IEH6tmG8IIjCMUGcfnqxBbwY56Mv4Xwe';

    // 'map' refers to a <div> element with the ID map
    L.mapquest.map('map', {
        center: [37.7749, -122.4194],
        layers: L.mapquest.tileLayer('map'),
        zoom: 12
    });
    </script>
</body>

</html>

上一页：OpenStreetMap

下一页：Mapbox