可以实现的，HTML5可以使用手机的GPS信息，利用百度等地图的开放API就可以了。HTML5中可以通过IP，WIFI信息，GPS，来实现地理定位，当然相关精度也是有所不同，所以如果要精确导航就得使用GPS信息。
创新互联于2013年创立，是专业互联网技术服务公司，拥有项目成都网站建设、网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元徐州做网站,已为上家服务,为徐州各地企业和个人服务,联系电话:028-86922220
进入：http：//dev.baidu点抗 /wiki/static/map/API/tool/creatMap/ （创建地图-百度地图API所见即所得工具，百度guan 方地址，大家放心使用）切换城市，搜索需标注位置。
html5实现地图上定位导航路线方法如下：先通过百度拾取坐标系统获得点位的坐标。http：//api.map.baidu点抗 /lbsapi/getpoint/index.html 在网页的head中插入百度API引用脚本。
1、mouseY - tempY)； } } })；鼠标抬起事件：设置dragging为false，clear移动层。
2、在HTML 文档中输入 canvas 标签。 canvas id=can1 width=500 height=500/canvas 在JavaScript 文档中，创建一个变量，在编写脚本时该变量将代替“can1”。
3、你可以直接在该对象上指定宽度和高度，但是，其大多数功能都可以通过CanvasRenderingContext2D 对象获得。 这是通过 Canvas 对象的getContext() 方法并且把直接量字符串 2d 作为唯一的参数传递给它而获得的。
4、html5事件最小细度在DOM上，所以我们无法对canvas上的图像做监听，只能对canvas监听。
5、但是如果我们直接通过Canvas直接创建一个背景图。我们只需要在其他的软件如PS上绘制好一个背景图，然后加载到Canvas上就可以了。
6、当然如果可以不用HTML5实现的话，那还是有办法的，你可以调用百度地图，以下是百度提供的例子，上面可以查看源码，你要做的只是申请一个百度ak，然后按照上面的做就可以实现你的一切需求了。
1、利用百度地图和谷歌地图接口获取用户地址 上面我们了解了HTML5的Geolocation可以获取用户的经纬度，那么我们要做的是需要把抽象的经纬度转成可读的有意义的真正的用户地理位置信息。
2、可以实现的，HTML5可以使用手机的GPS信息，利用百度等地图的开放API就可以了。HTML5中可以通过IP，WIFI信息，GPS，来实现地理定位，当然相关精度也是有所不同，所以如果要精确导航就得使用GPS信息。
3、百度提供jsapi基本无法实现导航，主要原因包括定位精度不够、没有语音等，如果需要实现路径规划是可以的，百度有提供路径规划的接口可以直接调用。
4、Internet Explorer Firefox、Chrome、Safari 以及 Opera 支持地理定位。注释：对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。
5、接口.各种乱七八糟的属性.坐标信息发出者id._x=x坐标数值；接口.各种乱七八糟的属性.坐标信息发出者id._y=y坐标数值；能得到这个数值是第一步。接下来，要在你的页面上建立起一套坐标，来跟这个数值对应。
百度地图提供有绘制线条和多边形、标示和覆盖物、以及提示框的API，利用他们就可以实现你问题中包含的需求，百度提供了详细的API文档和示例，一看就懂。
首先创建地图实例，之后用一个Point坐标点和缩放级别来初始化地图。
名片的设计点击主菜单中“版面”→“页面设置”，设置纸张宽度为196毫米，高度为296毫米。选取矩形工具，画一个宽为90毫米、高为55毫米的矩形。
html5事件最小细度在DOM上，所以我们无法对canvas上的图像做监听，只能对canvas监听。
设置企业基本信息 大家只要打开这样一个页面：http：//api.map.baidu点抗 /mapCard/setInformation.html，然后将企业相关信息填写完整，然后点击“提交”就可以进入到下一步。
